{"version":3,"sources":["src/stylelite.css"],"names":[],"mappings":";AACA,K,CACI,Y,CACA,a,CACA,a,CACA,Y,CACA,Y,CACA,Y,CAGJ,iB,CACI,Y,CACA,Y,CACA,Y,CAGJ,C,CAAW,M,CAAT,O,CAIG,I,CAAL,I,CAHI,qB,CAGC,I,CAAL,I,CAEI,e,CACA,Q,CAEA,8C,CACA,qB,CACA,sB,CACA,iC,CAEA,S,CAGoB,K,CAApB,K,CAAM,M,CAAV,G,CAAiB,M,CAAa,K,CAC1B,W,CACA,c,CACA,Q,CA+BJ,U,CA5BA,I,CAiCI,oB,CAjCJ,I,CACI,a,CAEA,Y,CACA,gB,CAGE,E,CAAH,E,CAAH,E,CACI,+B,CACA,S,CA5BC,I,CAuFL,M,CAvFA,I,CAuFQ,K,CAxDR,K,CA6DI,oB,CA7DJ,K,CAEI,wB,CACA,gB,CACA,U,CAGJ,E,CACI,e,CAGD,E,CAJH,E,CAKI,8B,CACA,iC,CAGJ,U,CACI,qB,CACA,gD,CACA,e,CACA,oB,CAIJ,I,CASA,E,CACI,e,CAVJ,I,CAEI,qB,CAGJ,e,CACI,e,CAGJ,E,CAEI,gB,CAGJ,E,CAAG,E,CAAG,E,CAAG,E,CAAG,E,CAAG,E,CACX,qB,CACA,mC,CACA,yB,CAGJ,E,CACI,6B,CAIK,O,CAAT,O,CACI,iC,CACA,2B,CAKJ,M,CAAQ,K,CAEJ,S,CACA,qB,CACA,qB,CAIA,0B,CACA,0B,CAEA,sC,CACA,0B,CACA,yB,CAzBJ,E,CAYQ,K,CAMJ,e,CANI,K,CACJ,a,CAMA,U,CAGA,2B,CAVJ,M,CAgBQ,iB,CAAoB,kB,CACxB,oB,CACA,wB,CACA,2B,CACA,a,CACA,oB,CACA,e,CAQJ,Y,CAAc,uB,CAA0B,wB,CACpC,oB,CACA,e,CACA,c,CAGJ,c,CACI,oB,CACA,e,CACA,kB,CAGwB,W,CAA5B,Y,CAAa,c,CACT,0B,CAGJ,oB,CAAuB,iB,CACnB,oB,CACA,S,CACA,c,CACA,0B,CACA,2B,CAGJ,M,CAAO,Q,CACH,oB,CACA,S,CACA,qB,CACA,0B,CACA,U,CAGA,oB,CACA,2B,CACA,sB,CACA,0B,CAiBA,0B,CAIA,e,CAhCJ,M,CAYI,c,CAIA,mC,CAEA,wC,CACA,e,CACA,mB,CACA,6B,CACA,qK,CAtBG,Q,CA0BH,a,CACA,e,CAEA,6B,CACA,sC,CACA,W,CAMJ,K,CACI,Y,CACA,gB,CACA,oD,CAGJ,I,CACI,Y,CACA,a,CACA,kB,CACA,c,CACA,Q,CAEM,I,CAAV,Q,CAMI,M,CANM,I,CAAM,M,CAAQ,M,CAAQ,M,CAAQ,M,CAAO,M,CAA/C,Q,CACI,Y,CACA,qB,CACA,6B,CACA,mB,CACA,qB,CAEA,c,CAGJ,M,CAAQ,gB,CACR,M,CAAQ,gB,CACR,M,CAAQ,gB,CACR,M,CAAQ,gB,CACR,M,CAAQ,gB,CAIR,M,CAAQ,W,CACR,K,CAAO,U,CACP,M,CAAQ,U,CAAW,a,CAAe,U,CAClC,K,CAAO,U,CAAa,W,CACpB,Q,CAAU,4B,CAA+B,e,CAAkB,0B,CAC3D,O,CAAS,0B,CACT,U,CAAY,iC,CACZ,O,CAAS,iB,CACT,Q,CAAU,qB,CACV,S,CAAW,+B,CAIX,G,CACI,e,CACA,4B,CACA,+B,CAEJ,G,CACI,iB,CACA,4B,CACA,gC","file":"src/stylelite.css","sourcesContent":["/*! Stylelite v:0.1.0 | MIT LICENSE | https://github.com/n2geoff/stylelite */\r\n:root {\r\n    --space: 1rem;\r\n    --size: 1.1rem;\r\n    --radius: 0rem;\r\n    --fg: #17202A;\r\n    --bg: #FDFEFE;\r\n    --mg: #ABB2B9;\r\n}\r\n\r\n[data-theme=dark] {\r\n    --mg: #ABB2B9;\r\n    --bg: #17202A;\r\n    --fg: #FDFEFE;\r\n}\r\n\r\n*,*:before,*:after {\r\n    box-sizing: border-box;\r\n}\r\n\r\nhtml,body {\r\n    background: var(--bg);\r\n    color: var(--fg);\r\n    margin: 0;\r\n    padding: 0;\r\n    font-family: Verdana, Arial, Helvetica, sans-serif;\r\n    font-size: var(--size);\r\n    letter-spacing: 0.0625em;\r\n    line-height: calc(var(--size) * 1.5);\r\n    box-sizing: border-box;\r\n    padding: 0;\r\n}\r\n\r\nimg,embed,iframe,object,audio,video {\r\n    height: auto;\r\n    max-width: 100%;\r\n    border: none;\r\n}\r\n\r\nmain {\r\n    margin: 0 auto;\r\n    padding: var(--space);\r\n    height: 100vh;\r\n    max-width: 1140px;\r\n}\r\n\r\nul,ol,li {\r\n    margin: 0 calc(var(--space) *.72);\r\n    padding: 0\r\n}\r\n\r\ntable {\r\n    background: var(--bg);\r\n    border-collapse: collapse;\r\n    border-spacing: 0;\r\n    width: 100%;\r\n}\r\n\r\nth {\r\n    text-align: left;\r\n}\r\n\r\nth,td {\r\n    padding: calc(var(--space) / 2.4);\r\n    border-bottom: 1px solid var(--mg);\r\n}\r\n\r\nblockquote {\r\n    margin: var(--space) 0;\r\n    border-left: calc(var(--space) / 2) solid var(--fg);\r\n    color: var(--fg);\r\n    background: var(--mg);\r\n    padding: var(--space);\r\n}\r\n\r\ncode {\r\n    color: var(--mg);\r\n    font-family: monospace;\r\n}\r\n\r\nblockquote code {\r\n    color: var(--bg);\r\n}\r\n\r\nhr {\r\n    color: var(--mg);\r\n    border: 1px solid;\r\n}\r\n\r\nh1,h2,h3,h4,h5,h6 {\r\n    margin: var(--space) 0;\r\n    padding-bottom: calc(var(--space) / 2);\r\n    text-transform: capitalize;\r\n}\r\n\r\nh1 {\r\n    font-size: calc(var(--size) * 2);\r\n    color: var(--fg);\r\n}\r\n\r\nsection, article {\r\n    margin-top: calc(var(--space) * 1.2);\r\n    padding-bottom: var(--space);\r\n}\r\n\r\n/* Forms */\r\n\r\nbutton, input {\r\n    display: block;\r\n    outline: none;\r\n    box-sizing: border-box;\r\n    font-size: var(--size);\r\n    background: var(--bg);\r\n    color: var(--fg);\r\n    width: 100%;\r\n    height: calc(var(--size) * 3);\r\n    border: 1px solid var(--mg);\r\n    border-radius: var(--radius);\r\n    padding: clamp(.5rem, var(--space), 2rem);\r\n    margin-bottom: var(--space);\r\n    margin-right: var(--space);\r\n}\r\n\r\nbutton, input[type=\"reset\"],input[type=\"submit\"] {\r\n    display: inline-block;\r\n    text-transform: uppercase;\r\n    border-radius: var(--radius);\r\n    width: initial;\r\n    background: var(--fg);\r\n    color: var(--bg);\r\n}\r\n\r\nbutton {\r\n    background: var(--fg);\r\n    color: var(--bg);\r\n}\r\n\r\nbutton:hover, input[type=\"reset\"]:hover,input[type=\"submit\"]:hover {\r\n    background: var(--mg);\r\n    color: var(--fg);\r\n    cursor: pointer;\r\n}\r\n\r\ninput:disabled {\r\n    background: var(--mg);\r\n    color: var(--bg);\r\n    cursor: not-allowed;\r\n}\r\n\r\nselect:focus,textarea:focus,input:focus {\r\n    border: 2px solid var(--mg);\r\n}\r\n\r\ninput[type=\"checkbox\"],input[type=\"radio\"] {\r\n    display: inline-block;\r\n    padding: 0;\r\n    margin: 0 .5rem;\r\n    width: calc(var(--size) * .8);\r\n    height: calc(var(--size) * .8);\r\n}\r\n\r\nselect,textarea {\r\n    display: inline-block;\r\n    outline: none;\r\n    font-size: var(--size);\r\n    height: calc(var(--size) * 3);\r\n    width: 100%;\r\n    border: 1px solid var(--mg);\r\n    color: var(--fg);\r\n    background: var(--bg);\r\n    border-radius: var(--radius);\r\n    padding: 0 var(--space);\r\n    margin-bottom: var(--space);\r\n    cursor: pointer;\r\n}\r\n\r\nselect {\r\n    background: var(--bg) no-repeat 100%;\r\n    color: var(--fg);\r\n    padding: 0 clamp(.5rem, var(--space), 2rem);\r\n    appearance: none;\r\n    background-size: 1ex;\r\n    background-origin: content-box;\r\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='40' fill='%23555'><polygon points='0,0 60,0 30,40'/></svg>\");\r\n}\r\n\r\ntextarea {\r\n    overflow: auto;\r\n    resize: vertical;\r\n    border: 1px solid var(--mg);\r\n    height: calc(var(--size) * 6rem);;\r\n    padding: clamp(.5rem, var(--space), 2rem);\r\n    cursor: text;\r\n    color: var(--fg);\r\n}\r\n\r\n/* Grid System */\r\n\r\n.grid {\r\n    display: grid;\r\n    gap: var(--space);\r\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\r\n}\r\n\r\n.row {\r\n    display: flex;\r\n    flex: 0 1 auto;\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n    margin:0;\r\n}\r\n.row>div, .col, .col-1, .col-2, .col-3, .col-4,.col-5 {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    align-items: stretch;\r\n    box-sizing: border-box;\r\n    flex: 1;\r\n    max-width: 100%;\r\n}\r\n\r\n.col-1 {flex: 1 !important;}\r\n.col-2 {flex: 2 !important;}\r\n.col-3 {flex: 3 !important;}\r\n.col-4 {flex: 4 !important;}\r\n.col-5 {flex: 5 !important;}\r\n\r\n/* Utilities */\r\n\r\n.right {float:right}\r\n.left {float:left}\r\n.clear {content:'';display: table;clear:both}\r\n.full {width: 100%; height: 100%}\r\n.outline {background-color: transparent; color: var(--fg); border: 1px solid var(--fg)}\r\n.border {border: 1px solid var(--mg)}\r\n.underline {border-bottom: 1px solid var(--mg)}\r\n.center {text-align: center;}\r\n.content {margin: var(--space) 0}\r\n.subtitle {margin-top: calc(var(--size) * -1)};\r\n.spaceless {margin: 0; padding:0}\r\n\r\n/* experiment */\r\n.sm {\r\n    font-size: small;\r\n    height: calc(var(--size) * 1.5);\r\n    padding: 0 calc(var(--size) / .75);\r\n}\r\n.lg {\r\n    font-size: x-large;\r\n    height: calc(var(--size) * 4.5);\r\n    padding: 0 calc(var(--size) / 1.25);\r\n}"]}