1 line
12 KiB
Plaintext
1 line
12 KiB
Plaintext
{"version":3,"sources":["src/stylelite.css"],"names":[],"mappings":";AACA,K,CACI,W,CACA,a,CACA,Y,CACA,Y,CACA,Y,CAEA,Y,CACA,Y,CACA,W,CAEA,Y,CACA,W,CAEA,iB,CAEA,iB,CACA,iB,CACA,gB,CACA,iB,CAGJ,iB,CACI,Y,CACA,Y,CACA,Y,CAGJ,C,CAAG,S,CAAU,Q,CAAb,C,CAEW,M,CAAT,O,CACE,qB,CAGC,I,CAAL,I,CA0CA,K,CACI,oB,CA3CC,I,CAAL,I,CAEI,e,CACA,yB,CACA,Q,CAEA,gC,CACA,c,CACA,sB,CACA,kB,CACA,qB,CACA,S,CAGQ,M,CAAZ,G,CAAK,K,CAAyB,M,CAAV,Q,CAAkB,oB,CAEtC,C,CAAG,a,CAEqB,K,CAApB,K,CAAM,M,CAAV,G,CAAiB,M,CAAa,K,CAC1B,W,CACA,c,CACA,Q,CAKJ,E,CAFA,E,CAAI,E,CAAI,gB,CAIR,K,CACI,oB,CACA,e,CACA,iB,CACA,e,CACA,kB,CAGJ,I,CACI,a,CACA,mB,CACA,gB,CAGJ,K,CAEI,wB,CACA,gB,CACA,U,CAGJ,iB,CACI,oC,CAGJ,oC,CACI,kB,CAGJ,E,CACI,e,CAGD,E,CAJH,E,CAKI,a,CACA,oC,CAGJ,iB,CAAmB,S,CAEnB,Q,CAMA,M,CALI,oB,CACA,Y,CACA,6B,CAGJ,M,CACI,gB,CACA,e,CACA,kB,CAEA,a,CACA,iB,CACA,oB,CACA,Q,CACA,mB,CAIJ,U,CACI,mB,CACA,kB,CACA,uB,CACA,mB,CAGJ,kB,CAAoB,kB,CAAqB,oB,CAAuB,+B,CAChE,iB,CAAmB,kB,CAAqB,mB,CAAsB,8B,CAC9D,e,CAAiB,kB,CAAqB,oB,CAAwB,+B,CAC9D,kB,CAAoB,kB,CAAqB,oB,CAAuB,+B,CAChE,kB,CAAoB,e,CAAkB,iB,CAAoB,4B,CAE1D,E,CAEI,gB,CAGJ,E,CAAG,E,CAAG,E,CAAG,E,CAAG,E,CAAG,E,CACX,kB,CACA,mB,CACA,kC,CACA,yB,CAGJ,E,CAAI,gB,CACJ,E,CAAI,gB,CACJ,E,CAAI,gB,CACJ,E,CAAI,gB,CACJ,E,CAAI,gB,CACJ,E,CAAI,c,CAEJ,C,CAnBA,E,CAmBG,kB,CACH,O,CA2LA,iB,CA3LS,iB,CAEA,O,CAAT,O,CACI,kB,CAGJ,O,CACI,iC,CACA,uB,CACA,mB,CAKJ,O,CACI,mB,CACA,e,CACA,c,CAGJ,a,CAWA,O,CAGI,0B,CACA,6B,CAfJ,a,CAEI,yB,CAIJ,S,CACI,qB,CACA,kB,CAGJ,O,CACI,kB,CACA,W,CAKJ,Q,CAAU,M,CAAQ,K,CAEd,S,CACA,qB,CACA,c,CACA,oB,CAEA,qB,CAEA,a,CACA,6B,CAEA,kB,CAZJ,Q,CAAkB,K,CACd,oB,CAOA,U,CAGA,2B,CAXc,K,CAMd,e,CASJ,iB,CAAmB,c,CAEnB,oB,CACA,iB,CACI,S,CACH,Y,CACA,a,CACA,kB,CACG,iB,CAGJ,M,CAAQ,iB,CAAoB,kB,CACxB,oB,CACA,2B,CACA,a,CAGJ,gB,CAAkB,sB,CACd,iB,CACA,6B,CACA,4B,CACA,kB,CACA,mB,CAGJ,W,CACI,Q,CACA,c,CACA,kB,CAGJ,Q,CAAU,M,CACN,uB,CACA,kB,CAGJ,c,CACI,uB,CACA,kB,CAGJ,c,CACI,yB,CACA,kB,CAGJ,c,CACI,yB,CACA,kB,CAGJ,a,CACI,wB,CACA,kB,CAGJ,c,CACI,yB,CACA,kB,CAGJ,c,CAAgB,Y,CAAc,uB,CAA0B,wB,CACpD,sB,CACA,6B,CACA,kB,CACA,c,CAG+B,c,CAAnC,e,CAAiB,iB,CACb,e,CACA,kB,CAGwB,W,CAA5B,Y,CAAa,c,CACT,6B,CAGJ,M,CAAS,gB,CAAmB,qB,CAE5B,M,CAAO,Q,CACH,oB,CACA,S,CACA,qB,CACA,a,CACA,U,CAGA,oB,CACA,2B,CACA,qB,CAiBA,6B,CAIA,e,CA/BJ,M,CAWI,c,CAIA,mC,CAEA,uC,CACA,e,CACA,mB,CACA,6B,CACA,qK,CArBG,Q,CAyBH,a,CACA,e,CAEA,6B,CACA,qC,CACA,W,CAMJ,G,CAEI,6B,CACA,oC,CAGJ,M,CACI,iB,CAEA,oB,CACA,oB,CAGJ,W,CACI,c,CACA,a,CACA,oB,CAOJ,K,CACI,Y,CACA,U,CACA,oD,CAIJ,I,CA9BA,G,CAMA,M,CAyBI,Y,CADJ,I,CAEI,a,CACA,kB,CACA,c,CACA,gB,CACA,Q,CACA,gB,CAGI,I,CAAR,M,CAKI,M,CALI,I,CAAM,M,CAAQ,M,CAAQ,M,CAAQ,M,CAAO,M,CAA7C,M,CACI,Y,CACA,qB,CACA,6B,CACA,mB,CAEA,a,CACA,c,CAGJ,M,CAAQ,gB,CACR,M,CAAQ,gB,CACR,M,CAAQ,gB,CACR,M,CAAQ,gB,CACR,M,CAAQ,gB,CAIR,M,CAAQ,Y,CACR,O,CAAS,c,CACT,M,CAAQ,W,CACR,K,CAAO,U,CACP,O,CAAS,iB,CACT,M,CAAQ,U,CAAW,a,CAAe,U,CAClC,K,CAAO,U,CAAa,W,CACpB,Q,CAAU,4B,CAA+B,kB,CAAqB,0B,CAC9D,U,CAAY,iC,CACZ,O,CAAS,6B,CACT,Q,CAAU,mB,CACV,O,CAAS,kB,CACT,M,CAAQ,Q,CAAW,S,CAGnB,G,CAFA,S,CAEK,iB,CAFL,S,CAAW,kB,CAEX,G,CAAwB,4B,CAAgC,+B,CACxD,G,CAAK,iB,CAAmB,4B,CAAgC,gC,CACxD,Q,CAAU,iC,CACV,U,CAAY,Q,CACZ,W,CAAa,S,CACb,U,CAAY,Q,CACZ,S,CAAW,iB","file":"src/stylelite.css","sourcesContent":["/*! Stylelite v:0.6.2 | MIT LICENSE | https://github.com/n2geoff/stylelite */\r\n:root {\r\n --size: 1rem;\r\n --radius: 0rem;\r\n --fg: #17202A;\r\n --bg: #FDFEFE;\r\n --mg: #99A3A4;\r\n\r\n --white: #FFF;\r\n --black: #000;\r\n --gray: #777;\r\n\r\n --light: #EEE;\r\n --dark: #222;\r\n\r\n --theme: steelblue;\r\n\r\n --primary: #1F618D;\r\n --warning: #B7950B;\r\n --danger: #C0392B;\r\n --success: #1E8449;\r\n}\r\n\r\n[data-theme=dark] {\r\n --mg: #99A3A4;;\r\n --bg: #17202A;\r\n --fg: #EAECEE;\r\n}\r\n\r\n* {padding:0;margin:0}\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 accent-color: var(--theme);\r\n margin: 0;\r\n padding: 0;\r\n font-family: system-ui, sans-serif;\r\n font-size: 16px;\r\n letter-spacing: 0.0125em;\r\n line-height: 1.5rem;\r\n box-sizing: border-box;\r\n padding: 0;\r\n}\r\n\r\ndiv, input, button, textarea, select {margin-bottom: .25rem;}\r\n\r\np {margin: 1rem 0}\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\nol, ul {margin-left: 1rem}\r\n\r\nli {margin-left: 1rem}\r\n\r\nlabel {\r\n display: inline-block;\r\n font-weight: 600;\r\n color: var(--dark);\r\n padding: .5rem 0;\r\n vertical-align: top;\r\n}\r\n\r\nmain {\r\n margin: 0 auto;\r\n padding: var(--size);\r\n max-width: 1140px;\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\ntable>thead>tr>th {\r\n border-bottom: 2px solid var(--theme);\r\n}\r\n\r\ntable.striped tbody>:nth-child(2n-1) {\r\n background: #f5f5f5;\r\n}\r\n\r\nth {\r\n text-align: left;\r\n}\r\n\r\nth,td {\r\n padding: .5rem;\r\n border-bottom: 1px solid var(--theme);\r\n}\r\n\r\ntable.condensed * {padding:0}\r\n\r\nfieldset {\r\n background: var(--bg);\r\n padding: 1rem;\r\n border: 1px solid var(--theme);\r\n}\r\n\r\nlegend {\r\n font-size: larger;\r\n font-weight: 600;\r\n color: var(--theme);\r\n background: var(--bg);\r\n display: block;\r\n width: fit-content;\r\n padding: .25rem .5rem;\r\n margin: 0;\r\n line-height: inherit;\r\n border: 1px solid var(--theme);\r\n}\r\n\r\nblockquote {\r\n margin: var(--size) 0;\r\n color: var(--black);\r\n background: var(--light);\r\n padding: var(--size);\r\n}\r\n\r\nblockquote.primary {background: #EBF5FB; color: var(--primary); border: 1px solid var(--primary)}\r\nblockquote.danger {background: #FDEDEC; color: var(--danger); border: 1px solid var(--danger)}\r\nblockquote.warn {background: #FEF9E7; color: var(--warning) ; border: 1px solid var(--warning)}\r\nblockquote.success {background: #EAFAF1; color: var(--success); border: 1px solid var(--success)}\r\nblockquote.default {background: #EEE; color: var(--dark); border: 1px solid var(--dark)}\r\n\r\nhr {\r\n color: var(--theme);\r\n border: 1px solid;\r\n}\r\n\r\nh1,h2,h3,h4,h5,h6 {\r\n color: var(--theme);\r\n margin: var(--size) 0;\r\n padding-bottom: calc(var(--size) / 2);\r\n text-transform: capitalize;\r\n}\r\n\r\nh1 {font-size: 2.2rem}\r\nh2 {font-size: 1.8rem}\r\nh3 {font-size: 1.4rem}\r\nh4 {font-size: 1.2rem}\r\nh5 {font-size: 1.1rem}\r\nh6 {font-size: 1rem}\r\n\r\na {color: var(--theme)}\r\na:hover {color: var(--dark);}\r\n\r\nsection, article {\r\n margin-bottom: 2rem;\r\n}\r\n\r\narticle {\r\n border: 1px solid rgba(0,0,0,.125);\r\n background: var(--light);\r\n padding: var(--size);\r\n}\r\n\r\n/* Forms */\r\n\r\ndetails {\r\n margin: var(--size) 0;\r\n color: var(--fg);\r\n cursor: pointer;\r\n}\r\n\r\ndetails[open] {\r\n background-color: var(--bg);\r\n margin-bottom: var(--size);\r\n border: 1px solid var(--theme);\r\n}\r\n\r\ndetails>* {\r\n box-sizing: border-box;\r\n padding: .5rem 1rem;\r\n}\r\n\r\nsummary {\r\n color: var(--theme);\r\n height: 40px;\r\n background-color: var(--bg);\r\n border: 1px solid var(--theme);\r\n}\r\n\r\na.button, button, input {\r\n display: inline-block;\r\n outline: none;\r\n box-sizing: border-box;\r\n font-size: 1rem;\r\n background: var(--bg);\r\n color: var(--fg);\r\n min-width: fit-content;\r\n width: 100%;\r\n height: 2.5rem;\r\n border: 1px solid var(--theme);\r\n border-radius: var(--radius);\r\n padding: .5rem 1rem;\r\n}\r\n\r\ninput[type=color] {padding: .25rem}\r\n\r\ninput[type=\"checkbox\"],\r\ninput[type=\"radio\"]{\r\n padding: 0;\r\n\twidth: 1.1rem;\r\n\theight: 1.1rem;\r\n\tmargin-right: .5rem;\r\n margin-top: .65rem;\r\n}\r\n\r\nbutton, input[type=\"reset\"],input[type=\"submit\"] {\r\n display: inline-block;\r\n border-radius: var(--radius);\r\n width: initial;\r\n}\r\n\r\nbutton[disabled], button[disabled]:hover {\r\n color: var(--gray);\r\n background-color: var(--light);\r\n border: 1px solid var(--gray);\r\n cursor: not-allowed;\r\n pointer-events: none;\r\n}\r\n\r\nbutton.link {\r\n border: none;\r\n background: none;\r\n color: var(--theme)\r\n}\r\n\r\na.button, button {\r\n background: var(--theme);\r\n color: var(--white);\r\n}\r\n\r\nbutton.default {\r\n background: var(--light);\r\n color: var(--black);\r\n}\r\n\r\nbutton.primary {\r\n background: var(--primary);\r\n color: var(--white);\r\n}\r\n\r\nbutton.warning {\r\n background: var(--warning);\r\n color: var(--white);\r\n}\r\n\r\nbutton.danger {\r\n background: var(--danger);\r\n color: var(--white);\r\n}\r\n\r\nbutton.success {\r\n background: var(--success);\r\n color: var(--white);\r\n}\r\n\r\na.button:hover, button:hover, input[type=\"reset\"]:hover,input[type=\"submit\"]:hover {\r\n background: var(--dark);\r\n border: 2px solid var(--theme);\r\n color: var(--light);\r\n cursor: pointer;\r\n}\r\n\r\nselect:disabled, textarea:disabled,input:disabled {\r\n background: #EEE;\r\n cursor: not-allowed;\r\n}\r\n\r\nselect:focus,textarea:focus,input:focus {\r\n border: 2px solid var(--theme);\r\n}\r\n\r\noption { line-height: 1rem; vertical-align: center;}\r\n\r\nselect,textarea {\r\n display: inline-block;\r\n outline: none;\r\n font-size: var(--size);\r\n height: 2.5rem;\r\n width: 100%;\r\n border: 1px solid var(--theme);\r\n color: var(--fg);\r\n background: var(--bg);\r\n border-radius: var(--radius);\r\n padding: 0 var(--size);\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(--size), 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(--theme);\r\n height: calc(var(--size) * 6rem);;\r\n padding: clamp(.5rem, var(--size), 2rem);\r\n cursor: text;\r\n color: var(--fg);\r\n}\r\n\r\n/* Navigation */\r\n\r\nnav {\r\n display: flex;\r\n justify-content: space-between;\r\n border-bottom: 1px solid var(--theme);\r\n}\r\n\r\nnav > ul {\r\n margin: 0 0 0 -1rem;\r\n display: flex;\r\n list-style-type: none;\r\n margin-bottom: .25rem;\r\n}\r\n\r\nnav ul li a {\r\n font-size: 1rem;\r\n padding: .5rem;\r\n text-decoration: none;\r\n}\r\n\r\nnav ul li a:hover {color: var(--dark);}\r\n\r\n/* Grid System */\r\n\r\n.grid {\r\n display: grid;\r\n gap: .25rem;\r\n grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\r\n /* padding: 0; */\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 column-gap: .5rem;\r\n margin:0;\r\n padding: .25rem 0;\r\n}\r\n\r\n.row>*, .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 flex: 1;\r\n padding: .5rem;\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.group {display: flex;}\r\n.cursor {cursor: pointer;}\r\n.right {float:right}\r\n.left {float:left}\r\n.center {text-align: center;}\r\n.clear {content:'';display: table;clear:both}\r\n.fill {width: 100%; height: 100%}\r\n.outline {background-color: transparent; color: var(--theme); border: 1px solid var(--fg)}\r\n.underline {border-bottom: 1px solid var(--mg)}\r\n.border {border: 1px solid var(--theme)}\r\n.padding {padding: var(--size)}\r\n.margin {margin: var(--size)}\r\n.title {margin: 0; padding:0}\r\n.subtitle {margin-top: -.25rem; font-size: smaller};\r\n.spaceless {margin: 0; padding:0}\r\n.sm {font-size: smaller;height: calc(var(--size) * 1.5);padding: 0 calc(var(--size)/ .75);}\r\n.lg {font-size: x-large;height: calc(var(--size) * 4.5);padding: 0 calc(var(--size) / 1.25);}\r\n.rounded {border-radius: calc(var(--size) / 4);}\r\n.no-border {border: none}\r\n.no-padding {padding: 0}\r\n.no-margin {margin: 0}\r\n.no-theme {--theme: var(--fg)}\r\n"]} |