1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[376],{3803:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/projects/monstera",function(){return n(9985)}])},7497:function(e,t,n){"use strict";var i=n(3555);let r=(0,i.zo)("div",{variants:{center:{true:{marginInline:"auto"}},mw:{0:{maxWidth:"44ch"},1:{maxWidth:"75rem"}}}});t.Z=r},5295:function(e,t,n){"use strict";var i=n(3555);let r=(0,i.zo)("button",{display:"inline-block",boxSizing:"border-box",textAlign:"center",backgroundColor:"#000",color:"#fff",fontFamily:"Zangezi Sans","&:hover, &:focus":{color:"#f8ce03"},variants:{variant:{large:{width:"100%",padding:"$2",fontSize:"1.3rem"}}}});t.Z=r},3555:function(e,t,n){"use strict";n.d(t,{rS:function(){return l},zY:function(){return a},zo:function(){return r}});var i=n(6744);let{styled:r,getCssText:o,globalCss:a,createTheme:c,config:s,theme:l}=(0,i.Th)({media:{belowI1:"(max-width: 29.999em)",i1:"(min-width: 30em)",belowI2:"(max-width: 44.999em)",i2:"(min-width: 45em)",belowI3:"(max-width: 65.999em)",i3:"(min-width: 65em)",belowI4:"(max-width: 72.999em)",i4:"(min-width: 72em)"},theme:{fonts:{body:"'PT Root UI', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"},colors:{body:"#020202",bodySubtle:"rgb(69, 68, 68)",background:"rgb(253, 206, 245)",documentBorder:"#fff",accentA:"#090efe",accentB:"#f8ce03",accentC:"#e3fffd"},space:{1:"0.5rem",2:"1rem",3:"1.25rem",4:"1.875rem",5:"2.8125rem",page:"15vmin",documentBorderWidth:"$2",small:"$1",medium:"$2",large:"$3"}},utils:{stackInline:e=>({"& > * + *":{marginInlineStart:e}}),stackBlock:e=>({"& > * + *":{marginBlockStart:e}})}})},9985:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return c},meta:function(){return l},tableOfContents:function(){return s}});var i=n(5893),r=n(1151),o=n(7497),a=n(5295),c=!0;let s=[],l={title:"Monstera"};function m(e){let t=Object.assign({p:"p"},(0,r.ah)(),e.components);return(0,i.jsxs)(o.Z,{css:{stackBlock:"$medium"},children:[(0,i.jsx)(t.p,{children:"Monstera is a CSS-in-JS helper library. I created it because I really like Styled System, but I also really like CSS Custom Properties."}),(0,i.jsx)(a.Z,{as:"a",variant:"large",href:"https://github.com/juice49/monstera",target:"_blank",rel:"noopener",children:(0,i.jsx)(t.p,{children:"Monstera on GitHub"})})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),e.components);return t?(0,i.jsx)(t,Object.assign({},e,{children:(0,i.jsx)(m,e)})):m(e)}}},function(e){e.O(0,[774,737],function(){return e(e.s=3803)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.