(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1885],{25632:(e,s,n)=>{"use strict";n.d(s,{A:()=>i});var t=n(87687),r=n(78262);let i=function(e){return(0,t.jsx)(r.A,{...e,layout:!1,padding:0,style:{backgroundColor:"white"}})}},47478:(e,s,n)=>{"use strict";n.r(s),n.d(s,{default:()=>u});var t=n(87687),r=n(31928),i=n(39097),o=n(74263),a=n(25632);let d=(0,r.I)("div")({name:"OuterWrapper",class:"o2hvduq",propsAsIs:!1}),p=(0,r.I)("div")({name:"Wrapper",class:"wfwt92v",propsAsIs:!1}),l=(0,r.I)("div")({name:"DisplayedPadding",class:"d1jull6p",propsAsIs:!1}),c=(0,r.I)("p")({name:"Paragraph",class:"pxcqcs2",propsAsIs:!1}),u=function(){return(0,t.jsx)(i.Ay,{id:"rem-padding-demo",initialValues:{fontSize:100,unit:"px"},outputWrapper:a.A,controls:[(0,t.jsx)(i.oP,{id:"fontSize",label:"Default font size",min:100,max:250,previewRenderer:e=>"".concat(e,"%")},"fontSize"),(0,t.jsx)(i.wI,{id:"unit",label:"Padding unit",options:["px","rem"]},"unit")],controlPosition:"top",children:e=>{let{fontSize:s,unit:n}=e;return(0,t.jsxs)(d,{children:[(0,t.jsx)(p,{children:(0,t.jsx)(l,{style:{padding:"rem"===n?s/100*32:32},children:(0,t.jsx)(c,{style:{fontSize:s/100*16},children:"This is a paragraph containing many words in a specific, intentional order."})})}),(0,t.jsx)(o.A,{code:function(e){let{unit:s}=e;return".wrapper {\n  font-size: 1rem;\n  padding: ".concat("px"===s?"32px":"2rem",";\n}")}({unit:n}),minCodeHeight:"9.5rem"})]})}})};n(50884)},74263:(e,s,n)=>{"use strict";n.d(s,{A:()=>l});var t=n(87687),r=n(52751),i=n(31928),o=n(51311),a=n(17503);let d=(0,i.I)("div")({name:"CodeWrapper",class:"c93kv52",propsAsIs:!1}),p=(0,i.I)(a.A)({name:"StyledSpinner",class:"scev1do",propsAsIs:!0}),l=function(e){let{code:s,minCodeHeight:n}=e,[i,a]=r.useState(!1);return(0,t.jsxs)(d,{style:{"--min-code-height":n},children:[!i&&(0,t.jsx)(p,{}),(0,t.jsx)(o.default,{lockedToColorMode:"light",omitCopyButton:!0,onMount:()=>a(!0),code:s,lang:"css"})]})};n(15603)},50884:e=>{e.exports={o2hvduq:"o2hvduq",wfwt92v:"wfwt92v",d1jull6p:"d1jull6p",pxcqcs2:"pxcqcs2"}},15603:e=>{e.exports={c93kv52:"c93kv52",scev1do:"scev1do"}}}]);
//# sourceMappingURL=1885.db92f1d5a297ade4.js.map