diff --git a/dist/stylelite.map b/dist/stylelite.map index ce92a09..44733bf 100644 --- a/dist/stylelite.map +++ b/dist/stylelite.map @@ -1 +1 @@ -{"version":3,"sources":["src/stylelite.css"],"names":[],"mappings":";AACA,K,CACI,W,CACA,c,CAEA,iB,CACA,iB,CAEA,e,CACA,c,CAEA,iB,CACA,iB,CACA,mB,CAEA,iB,CACA,iB,CACA,gB,CAGJ,iB,CACI,iB,CACA,iB,CAEA,c,CAGE,I,CAAN,I,CACI,uB,CACA,4B,CAEA,c,CAEA,Q,CACA,S,CACA,sB,CACA,W,CACA,kB,CAGJ,K,CAEI,e,CACA,a,CAGI,E,CAAR,E,CAAI,E,CAAQ,gB,CAuDZ,E,CArDA,O,CAAS,a,CAET,I,CAAK,M,CAED,e,CACA,e,CAGA,I,CAAK,G,CAAT,G,CACI,qB,CACA,iB,CACA,oB,CACA,yB,CACA,uB,CALK,G,CAcL,iB,CACA,kB,CACA,yB,CAEA,wB,CAVJ,I,CACI,wB,CACA,W,CA+DJ,C,CApDA,C,CAAG,qB,CAkDH,Q,CAhD2C,M,CAAP,M,CAAP,M,CAAN,K,CAA2B,I,CAA3C,M,CAAP,M,CAAc,Q,CAAqD,uC,CApD7D,I,CAAN,I,CAsDuB,K,CAAhB,M,CAAP,M,CAAc,Q,CAEV,qB,CACA,4C,CAHmB,K,CAAhB,M,CAAP,M,CAAc,Q,CACV,oB,CAGA,c,CACA,U,CACA,+B,CACA,2B,CACA,mB,CAEJ,Y,CAkGA,a,CAlGc,c,CAEd,E,CACA,E,CACA,E,CACA,E,CACA,E,CACA,E,CALI,gB,CAMe,e,CAAiB,mB,CALpC,E,CACA,E,CACA,E,CACA,E,CACA,E,CAJI,gB,CACJ,E,CACA,E,CACA,E,CACA,E,CAHI,gB,CACJ,E,CACA,E,CACA,E,CAFI,gB,CACJ,E,CACA,E,CADI,gB,CACJ,E,CAAI,c,CAGJ,E,CAAoB,2B,CAEpB,U,CAYA,M,CA3DS,G,CA2DgD,2B,CAZzD,U,CACI,mB,CACA,uB,CACA,iB,CACA,6B,CACA,+B,CACA,qC,CAMJ,M,CAAQ,4C,CAER,Y,CAAc,uB,CAA0B,wB,CACpC,gC,CACA,c,CAGJ,M,CAA4B,iB,CAArB,kB,CACH,Y,CACA,yC,CAGJ,Q,CAAmD,iB,CAEnD,C,CA/EA,I,CAVA,K,CAUK,M,CA+EF,oB,CAAH,C,CAAiD,oB,CACjD,O,CAAS,uB,CACT,O,CAAS,Y,CAET,kB,CACI,+B,CAGJ,oB,CACA,iB,CACI,oB,CACA,qB,CACH,U,CACA,W,CAGD,S,CAAY,kB,CACZ,e,CAAkB,kB,CAIlB,K,CACI,wB,CACA,gB,CACA,U,CAGJ,K,CACI,mC,CACA,sC,CAGJ,E,CAAI,e,CAED,E,CAFH,E,CAGI,c,CACA,sC,CAGJ,oC,CAAsC,yB,CAItC,O,CACI,iB,CACA,uB,CACA,mB,CACA,c,CACA,+B,CAGJ,a,CACI,yB,CAGJ,S,CACI,qB,CACA,kB,CAIJ,YAAY,c,CAAgB,c,CAI5B,Y,CACI,W,CAGJ,M,CACI,4B,CACA,2B,CACA,S,CACA,Q,CACA,a,CACA,e,CAGJ,gB,CACI,+B,CAKJ,G,CAkBA,S,CAAW,e,CAlBX,G,CAiBA,M,CAAQ,Y,CAjBR,G,CAEI,6B,CAIJ,U,CACI,Q,CACA,iB,CAGJ,K,CASO,oB,CAAsB,oB,CARJ,O,CAAzB,iB,CACI,e,CACA,oC,CAGJ,M,CAAsB,oB,CAAsB,Q,CAAS,S,CAAW,gB,CAChE,S,CAA8B,Q,CAC9B,qB,CAAqC,a,CAKrC,Q,CAAU,kB,CAAqB,yB,CAC/B,U,CAAY,kB,CAAqB,2B,CACjC,Q,CAAU,iB,CAAoB,uB,CAC9B,K,CAAO,kB,CAAqB,sB,CAC5B,M,CAAQ,iB,CAAoB,uB,CAE5B,kB,CAAoB,2B,CACpB,oB,CAAsB,6B,CAEtB,a,CAAe,oB,CACf,e,CAAiB,sB,CACjB,a,CAAe,K,CAAO,oB,CAItB,K,CACI,Y,CACA,U,CACA,oD,CAGJ,M,CAAQ,Y,CAER,U,CACI,a,CACA,mB,CACA,gB,CAGJ,U,CAAY,oC,CACZ,O,CAAS,+B,CAAiC,2B,CAC1C,O,CAAS,kB,CACT,Q,CAAU,c,CACV,O,CAAS,iB,CAAoB,mB","file":"src/stylelite.css","sourcesContent":["/*! Stylelite v:1.0.0 | MIT LICENSE | https://github.com/n2geoff/stylelite */\r\n:root {\r\n --size: 1rem;\r\n --radius: .3rem;\r\n\r\n --foreground: #111;\r\n --background: #FFF;\r\n\r\n --light: #F0F0F0;\r\n --dark: #404040;\r\n\r\n --default: #F0F0F0;\r\n --primary: #5499C7; /* 0000EE */\r\n --secondary: #404040;\r\n\r\n --success: #198754;\r\n --warning: #fbc02d;\r\n --danger: #C62828;\r\n}\r\n\r\n[data-theme=dark] {\r\n --foreground: #FFF;\r\n --background: #222;\r\n\r\n --default: #333;\r\n}\r\n\r\nhtml, body {\r\n color: var(--foreground);\r\n background: var(--background);\r\n font-family: Verdana, Geneva, Tahoma, sans-serif;\r\n font-size: 16px;\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n letter-spacing: 0.0125em;\r\n height: 100%;\r\n line-height: 1.5rem;\r\n}\r\n\r\nlabel {\r\n display: inline-block;\r\n font-weight: 700;\r\n margin: .25rem;\r\n}\r\n\r\nol, ul, li {margin-left: 1rem}\r\n\r\nsection {margin: 1rem 0;}\r\n\r\ncite,strong {\r\n display: inline-block;\r\n font-weight: bold;\r\n padding: .5rem 0rem;\r\n}\r\n\r\npre,code,kbd {\r\n font-family: monospace;\r\n font-size: smaller;\r\n padding: .25rem .5rem;\r\n background: var(--default);\r\n color: var(--foreground);\r\n}\r\n\r\nabbr {\r\n border-bottom: 1px dotted;\r\n cursor: help;\r\n}\r\n\r\nkbd {\r\n font-style: normal;\r\n color: var(--light);\r\n background: var(--primary);\r\n border-radius: var(--radius);\r\n text-transform: uppercase;\r\n}\r\n \r\ni {vertical-align: middle;}\r\n\r\nselect,option,textarea,input,header,footer,button,main,blockquote {padding: calc(var(--size)/2) var(--size)}\r\n\r\nselect,option,textarea,input {\r\n display: inline-block;\r\n box-sizing: border-box;\r\n font-family: Verdana, Geneva, Tahoma, sans-serif;\r\n font-size: 1rem;\r\n width: 100%;\r\n border: var(--default) 2px solid;\r\n border-radius: var(--radius);\r\n margin-bottom: .5rem;\r\n}\r\nselect:hover {cursor: pointer;}\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\nh1,h2,h3,h4,h5,h6 {margin-top: 1rem;margin-bottom: .5rem;}\r\n\r\nhr {margin: 1rem 0; border-color: var(--primary)}\r\n\r\nblockquote {\r\n margin: var(--size) 0;\r\n color: var(--foreground);\r\n font-style: italic;\r\n padding: calc(var(--size) * 1.5);\r\n border: var(--default) 1px solid;\r\n border-left: var(--default) 1rem solid;\r\n border-radius: var(--radius);\r\n}\r\n\r\n/* Buttons */\r\n\r\nbutton {font-family: Verdana, Geneva, Tahoma, sans-serif;border-radius: var(--radius);}\r\n\r\nbutton:hover, input[type=\"reset\"]:hover,input[type=\"submit\"]:hover {\r\n filter:brightness(90%) !important;\r\n cursor: pointer;\r\n}\r\n\r\nbutton,input[type=\"submit\"],input[type=\"reset\"] {\r\n border: unset;\r\n box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\na.button {padding: calc(var(--size)/2) var(--size);text-align: center;}\r\n\r\na {display: inline-block;vertical-align: middle; color: var(--primary)}\r\na:hover {color: var(--foreground)}\r\na[name] {display: none;} /* fix anchors */\r\n\r\ninput:user-invalid {\r\n outline: 2px solid var(--danger);\r\n}\r\n\r\ninput[type=\"checkbox\"],\r\ninput[type=\"radio\"]{\r\n display: inline-block;\r\n vertical-align: middle;\r\n\twidth: 1rem;\r\n\theight: 1rem;\r\n}\r\n\r\n*:disabled {background: #F0F0F0; }\r\n*:disabled:hover {cursor: not-allowed}\r\n\r\n/* Tables */\r\n\r\ntable {\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n width: 100%;\r\n}\r\n\r\ntbody {\r\n border-top: var(--default) 2px solid;\r\n border-bottom: var(--default) 2px solid;\r\n}\r\n\r\nth {text-align: left}\r\n\r\nth,td {\r\n padding: .25rem;\r\n border-bottom: 1px solid var(--default);\r\n}\r\n\r\ntable.striped tbody>:nth-child(2n-1) {background: var(--default)}\r\n\r\n/* Details */\r\n\r\ndetails {\r\n color: var(--dark);\r\n background: var(--light);\r\n margin: var(--size) 0;\r\n cursor: pointer;\r\n border: var(--default) 2px solid;\r\n}\r\n\r\ndetails[open] {\r\n margin-bottom: var(--size);\r\n}\r\n\r\ndetails>* {\r\n box-sizing: border-box;\r\n padding: .5rem 1rem;\r\n}\r\n\r\nsummary:hover {cursor: pointer;}\r\ndetails:not(summary):hover {cursor: default}\r\n\r\n/* Dialog */\r\n\r\ndialog[open] {\r\n margin: auto;\r\n}\r\n\r\ndialog {\r\n border: 1px solid var(--dark);\r\n border-radius: var(--radius);\r\n padding:0;\r\n margin:0;\r\n max-width: 85%;\r\n min-width: 340px;\r\n}\r\n\r\ndialog::backdrop {\r\n background-color: rgba(0, 0, 0, 0.8);\r\n} \r\n\r\n/* Navigation */\r\n\r\nnav {\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 0rem .5rem;\r\n}\r\n\r\nnav .brand {\r\n margin:0;\r\n font-size: x-large;\r\n}\r\n\r\nnav a {text-decoration: none;}\r\nnav > ul > li > a:hover, .active {\r\n margin-top: -1px; /* fix page bounce */\r\n border-bottom: currentColor 1px solid;\r\n}\r\n\r\nnav ul {display: flex;list-style-type: none;margin:0;padding:0; line-height: 2rem}\r\nnav ul li {padding:0rem .5rem;margin:0}\r\nnav ul li:first-child {margin-left:0;margin-left:0}\r\nnav a {text-decoration: none;color: var(--primary)}\r\n\r\n/* Colors */\r\n\r\n.primary {color: var(--light); background: var(--primary);}\r\n.secondary {color: var(--light); background: var(--secondary);}\r\n.default {color: var(--dark); background: var(--light);}\r\n.dark {color: var(--light); background: var(--dark);}\r\n.light {color: var(--dark); background: var(--light);}\r\n\r\nblockquote.primary {border-color: var(--primary);}\r\nblockquote.secondary {border-color: var(--secondary);}\r\n\r\n.text-primary {color: var(--primary)}\r\n.text-secondary {color: var(--secondary)}\r\n.text-default, .weak {color: var(--default)}\r\n\r\n/* Layout Utilities */\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}\r\n\r\n.group {display: flex}\r\n\r\n.container {\r\n margin: 0 auto;\r\n padding: var(--size);\r\n max-width: 1140px;\r\n}\r\n\r\n.underline {border-bottom: currentColor 1px solid}\r\n.border {border: var(--default) 2px solid;border-radius: var(--radius);}\r\n.indent {margin-left: .25rem;}\r\n.pointer {cursor: pointer;}\r\n.center {align-self: center; justify-self: center;}\r\n"]} \ No newline at end of file +{"version":3,"sources":["src/stylelite.css"],"names":[],"mappings":";AACA,K,CACI,W,CACA,c,CAEA,iB,CACA,iB,CAEA,e,CACA,c,CAEA,c,CACA,+B,CACA,mB,CAEA,iB,CACA,iB,CACA,gB,CAGJ,iB,CACI,iB,CACA,iB,CAEA,c,CAGE,I,CAAN,I,CACI,uB,CACA,4B,CAEA,c,CAEA,Q,CACA,S,CACA,sB,CACA,W,CACA,kB,CAaJ,I,CAVA,K,CAUK,M,CACD,oB,CACA,e,CAZJ,K,CAGI,a,CAGI,E,CAAR,E,CAAI,E,CAAQ,gB,CAEZ,C,CAAG,qB,CAEH,I,CAAK,M,CAGD,e,CAGA,I,CAAK,G,CAAT,G,CACI,qB,CACA,iB,CACA,oB,CACA,uB,CACA,iB,CALK,G,CAcL,iB,CACA,kB,CACA,yB,CACA,2B,CACA,wB,CAVJ,I,CACI,wB,CACA,W,CAWuC,M,CAAP,M,CAAP,M,CAAN,K,CAA2B,I,CAA3C,M,CAAP,M,CAAc,Q,CAAqD,uC,CAlD7D,I,CAAN,I,CAoDuB,K,CAAhB,M,CAAP,M,CAAc,Q,CAEV,qB,CACA,4C,CAHmB,K,CAAhB,M,CAAP,M,CAAc,Q,CACV,oB,CAGA,c,CACA,U,CACA,+B,CACA,2B,CACA,mB,CAGJ,W,CAA2B,Y,CAAf,c,CACR,2B,CACA,S,CAGJ,Y,CAuGA,a,CAvGc,c,CAEd,E,CAAI,gB,CAAkB,e,CACtB,E,CAAI,gB,CAAkB,e,CADtB,E,CACA,E,CACA,E,CACA,E,CACA,E,CACA,E,CACmB,mB,CAJnB,E,CAAI,gB,CAAkB,e,CACtB,E,CACA,E,CACA,E,CAFI,gB,CACJ,E,CACA,E,CADI,gB,CACJ,E,CAAI,c,CAEJ,E,CAAG,E,CAFH,E,CAES,e,CAET,E,CAAI,a,CAAgB,2B,CAEpB,U,CAYA,M,CAAyD,2B,CAZzD,U,CACI,mB,CACA,uB,CACA,iB,CACA,6B,CACA,6C,CACA,mD,CAMJ,M,CAAQ,4C,CAER,Y,CAAc,uB,CAA0B,wB,CACpC,gC,CACA,c,CAGJ,M,CAA4B,iB,CAArB,kB,CACH,Y,CACA,yC,CAGJ,kB,CACI,kB,CACA,yB,CAGJ,Q,CAAU,uC,CAAyC,iB,CAEnD,C,CAAG,oB,CAAsB,qB,CAAwB,oB,CACjD,O,CAAS,uB,CACT,O,CAAS,Y,CAET,kB,CACI,+B,CAGJ,oB,CACA,iB,CACI,oB,CACA,qB,CACH,U,CACA,W,CAGD,S,CAAY,kB,CACZ,e,CAAkB,kB,CAIlB,K,CACI,wB,CACA,gB,CACA,U,CAGQ,K,CAAN,K,CAAN,K,CACI,oD,CAGJ,E,CAAI,e,CAAkB,qC,CAEnB,E,CAFH,E,CAGI,c,CACA,oD,CAGJ,oC,CAAsC,yB,CAItC,O,CACI,iB,CACA,uB,CACA,mB,CACA,c,CACA,+B,CAGJ,a,CACI,yB,CAGJ,S,CACI,qB,CACA,kB,CAIJ,YAAY,c,CAAgB,c,CAI5B,Y,CACI,W,CAGJ,M,CACI,4B,CACA,2B,CACA,S,CACA,Q,CACA,a,CACA,e,CAGJ,gB,CACI,+B,CAKJ,G,CAkBA,S,CAAW,e,CAlBX,G,CAiBA,M,CAAQ,Y,CAjBR,G,CAEI,6B,CAIJ,U,CACI,Q,CACA,iB,CAGJ,K,CASO,oB,CAAsB,oB,CARJ,O,CAAzB,iB,CACI,e,CACA,oC,CAGJ,M,CAAsB,oB,CAAsB,Q,CAAS,S,CAAW,gB,CAChE,S,CAA8B,Q,CAC9B,qB,CAAqC,a,CAKrC,Q,CAAU,kB,CAAqB,yB,CAC/B,U,CAAY,kB,CAAqB,2B,CACjC,Q,CAAU,iB,CAAoB,uB,CAC9B,K,CAAO,kB,CAAqB,sB,CAC5B,M,CAAQ,iB,CAAoB,uB,CAE5B,kB,CAAoB,2B,CACpB,oB,CAAsB,6B,CAEtB,a,CAAe,oB,CACf,e,CAAiB,sB,CACjB,a,CAAe,K,CAAO,oB,CAItB,K,CACI,Y,CACA,U,CACA,oD,CAGJ,M,CAAQ,Y,CACR,Q,CACI,kB,CACA,mB,CACA,kB,CAGJ,U,CACI,a,CACA,mB,CACA,gB,CAGJ,U,CAAY,kD,CACZ,O,CAAS,6C,CAA+C,2B,CACxD,O,CAAS,kB,CACT,Q,CAAU,c,CACV,O,CAAS,iB,CAAoB,mB","file":"src/stylelite.css","sourcesContent":["/*! Stylelite v:1.0.0 | MIT LICENSE | https://github.com/n2geoff/stylelite */\r\n:root {\r\n --size: 1rem;\r\n --radius: .3rem;\r\n\r\n --foreground: #111;\r\n --background: #FFF;\r\n\r\n --light: #F0F0F0;\r\n --dark: #404040;\r\n\r\n --default: #EEE;\r\n --primary: var(--theme, #5499C7); /* 0000EE */\r\n --secondary: #404040;\r\n\r\n --success: #198754;\r\n --warning: #fbc02d;\r\n --danger: #C62828;\r\n}\r\n\r\n[data-theme=dark] {\r\n --foreground: #FFF;\r\n --background: #222;\r\n\r\n --default: #333;\r\n}\r\n\r\nhtml, body {\r\n color: var(--foreground);\r\n background: var(--background);\r\n font-family: Verdana, Geneva, Tahoma, sans-serif;\r\n font-size: 16px;\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n letter-spacing: 0.0125em;\r\n height: 100%;\r\n line-height: 1.5rem;\r\n}\r\n\r\nlabel {\r\n display: inline-block;\r\n font-weight: 700;\r\n margin: .25rem;\r\n}\r\n\r\nol, ul, li {margin-left: 1rem}\r\n\r\ni {vertical-align: middle;}\r\n\r\ncite,strong {\r\n display: inline-block;\r\n font-weight: bold;\r\n padding: .5rem 0rem;\r\n}\r\n\r\npre,code,kbd {\r\n font-family: monospace;\r\n font-size: smaller;\r\n padding: .25rem .5rem;\r\n background: var(--light);\r\n color: var(--dark);\r\n}\r\n\r\nabbr {\r\n border-bottom: 1px dotted;\r\n cursor: help;\r\n}\r\n\r\nkbd {\r\n font-style: normal;\r\n color: var(--light);\r\n background: var(--primary);\r\n border-radius: var(--radius);\r\n text-transform: uppercase;\r\n}\r\n\r\nselect,option,textarea,input,header,footer,button,main,blockquote {padding: calc(var(--size)/2) var(--size)}\r\n\r\nselect,option,textarea,input {\r\n display: inline-block;\r\n box-sizing: border-box;\r\n font-family: Verdana, Geneva, Tahoma, sans-serif;\r\n font-size: 1rem;\r\n width: 100%;\r\n border: var(--default) 2px solid;\r\n border-radius: var(--radius);\r\n margin-bottom: .5rem;\r\n}\r\n\r\ninput:focus,textarea:focus,select:focus {\r\n border-color: var(--primary);\r\n outline: none;\r\n}\r\n\r\nselect:hover {cursor: pointer;}\r\n\r\nh1 {font-size: 2.2rem;margin: 3.4rem 0;}\r\nh2 {font-size: 1.8rem;margin: 2.2rem 0;}\r\nh3 {font-size: 1.4rem;margin: 1.8rem 0;}\r\nh4 {font-size: 1.2rem}\r\nh5 {font-size: 1.1rem}\r\nh6 {font-size: 1rem}\r\nh1,h2,h3,h4,h5,h6 {margin-bottom: .5rem;}\r\nh4,h5,h6{margin-top: 1rem}\r\n\r\nhr {margin: 1rem 0; border-color: var(--primary)}\r\n\r\nblockquote {\r\n margin: var(--size) 0;\r\n color: var(--foreground);\r\n font-style: italic;\r\n padding: calc(var(--size) * 1.5);\r\n border: var(--theme, var(--default)) 1px solid;\r\n border-left: var(--theme, var(--default)) 1rem solid;\r\n border-radius: var(--radius);\r\n}\r\n\r\n/* Buttons */\r\n\r\nbutton {font-family: Verdana, Geneva, Tahoma, sans-serif;border-radius: var(--radius);}\r\n\r\nbutton:hover, input[type=\"reset\"]:hover,input[type=\"submit\"]:hover {\r\n filter:brightness(90%) !important;\r\n cursor: pointer;\r\n}\r\n\r\nbutton,input[type=\"submit\"],input[type=\"reset\"] {\r\n border: unset;\r\n box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\ninput[type=\"submit\"] {\r\n color: var(--light);\r\n background: var(--primary);\r\n}\r\n\r\na.button {padding: calc(var(--size)/2) var(--size);text-align: center;}\r\n\r\na {display: inline-block;vertical-align: middle; color: var(--primary)}\r\na:hover {color: var(--foreground)}\r\na[name] {display: none;} /* fix anchors */\r\n\r\ninput:user-invalid {\r\n outline: 2px solid var(--danger);\r\n}\r\n\r\ninput[type=\"checkbox\"],\r\ninput[type=\"radio\"]{\r\n display: inline-block;\r\n vertical-align: middle;\r\n\twidth: 1rem;\r\n\theight: 1rem;\r\n}\r\n\r\n*:disabled {background: #F0F0F0; }\r\n*:disabled:hover {cursor: not-allowed}\r\n\r\n/* Tables */\r\n\r\ntable {\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n width: 100%;\r\n}\r\n\r\nthead,tfoot,tbody {\r\n border-bottom: var(--theme, var(--default)) 2px solid;\r\n}\r\n\r\nth {text-align: left; color: var(--theme, var(--foreground))}\r\n\r\nth,td {\r\n padding: .25rem;\r\n border-bottom: 1px solid var(--theme, var(--default));\r\n}\r\n\r\ntable.striped tbody>:nth-child(2n-1) {background: var(--default)}\r\n\r\n/* Details */\r\n\r\ndetails {\r\n color: var(--dark);\r\n background: var(--light);\r\n margin: var(--size) 0;\r\n cursor: pointer;\r\n border: var(--default) 2px solid;\r\n}\r\n\r\ndetails[open] {\r\n margin-bottom: var(--size);\r\n}\r\n\r\ndetails>* {\r\n box-sizing: border-box;\r\n padding: .5rem 1rem;\r\n}\r\n\r\nsummary:hover {cursor: pointer;}\r\ndetails:not(summary):hover {cursor: default}\r\n\r\n/* Dialog */\r\n\r\ndialog[open] {\r\n margin: auto;\r\n}\r\n\r\ndialog {\r\n border: 1px solid var(--dark);\r\n border-radius: var(--radius);\r\n padding:0;\r\n margin:0;\r\n max-width: 85%;\r\n min-width: 340px;\r\n}\r\n\r\ndialog::backdrop {\r\n background-color: rgba(0, 0, 0, 0.8);\r\n} \r\n\r\n/* Navigation */\r\n\r\nnav {\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 0rem .5rem;\r\n}\r\n\r\nnav .brand {\r\n margin:0;\r\n font-size: x-large;\r\n}\r\n\r\nnav a {text-decoration: none;}\r\nnav > ul > li > a:hover, .active {\r\n margin-top: -1px; /* fix page bounce */\r\n border-bottom: currentColor 1px solid;\r\n}\r\n\r\nnav ul {display: flex;list-style-type: none;margin:0;padding:0; line-height: 2rem}\r\nnav ul li {padding:0rem .5rem;margin:0}\r\nnav ul li:first-child {margin-left:0;margin-left:0}\r\nnav a {text-decoration: none;color: var(--primary)}\r\n\r\n/* Colors */\r\n\r\n.primary {color: var(--light); background: var(--primary);}\r\n.secondary {color: var(--light); background: var(--secondary);}\r\n.default {color: var(--dark); background: var(--light);}\r\n.dark {color: var(--light); background: var(--dark);}\r\n.light {color: var(--dark); background: var(--light);}\r\n\r\nblockquote.primary {border-color: var(--primary);}\r\nblockquote.secondary {border-color: var(--secondary);}\r\n\r\n.text-primary {color: var(--primary)}\r\n.text-secondary {color: var(--secondary)}\r\n.text-default, .weak {color: var(--default)}\r\n\r\n/* Layout Utilities */\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}\r\n\r\n.group {display: flex}\r\n.group > i {\r\n line-height: 1.5rem;\r\n margin-bottom: .5rem;\r\n padding: .5rem 1rem;\r\n}\r\n\r\n.container {\r\n margin: 0 auto;\r\n padding: var(--size);\r\n max-width: 1140px;\r\n}\r\n\r\n.underline {border-bottom: var(--theme, currentColor) 1px solid}\r\n.border {border: var(--theme, var(--default)) 2px solid;border-radius: var(--radius);}\r\n.indent {margin-left: .25rem;}\r\n.pointer {cursor: pointer;}\r\n.center {align-self: center; justify-self: center;}\r\n"]} \ No newline at end of file diff --git a/dist/stylelite.min.css b/dist/stylelite.min.css index 9306c70..bd0d0eb 100644 --- a/dist/stylelite.min.css +++ b/dist/stylelite.min.css @@ -1,3 +1,3 @@ /*! Stylelite v:1.0.0 | MIT LICENSE | https://github.com/n2geoff/stylelite */ -:root{--size:1rem;--radius:.3rem;--foreground:#111;--background:#FFF;--light:#F0F0F0;--dark:#404040;--default:#F0F0F0;--primary:#5499C7;--secondary:#404040;--success:#198754;--warning:#fbc02d;--danger:#C62828}[data-theme=dark]{--foreground:#FFF;--background:#222;--default:#333}body,html{color:var(--foreground);background:var(--background);font-size:16px;margin:0;padding:0;letter-spacing:.0125em;height:100%;line-height:1.5rem}label{font-weight:700;margin:.25rem}li,ol,ul{margin-left:1rem}hr,section{margin:1rem 0}cite,strong{font-weight:700;padding:.5rem 0}code,kbd,pre{font-family:monospace;font-size:smaller;padding:.25rem .5rem;background:var(--default);color:var(--foreground)}kbd{font-style:normal;color:var(--light);background:var(--primary);text-transform:uppercase}abbr{border-bottom:1px dotted;cursor:help}a,i{vertical-align:middle}a.button,button,footer,header,input,main,option,select,textarea{padding:calc(var(--size)/2) var(--size)}body,html,input,option,select,textarea{box-sizing:border-box;font-family:Verdana,Geneva,Tahoma,sans-serif}input,option,select,textarea{display:inline-block;font-size:1rem;width:100%;border:var(--default) 2px solid;border-radius:var(--radius);margin-bottom:.5rem}select:hover,summary:hover{cursor:pointer}h1,h2,h3,h4,h5,h6{font-size:2.2rem;margin-top:1rem;margin-bottom:.5rem}h2,h3,h4,h5,h6{font-size:1.8rem}h3,h4,h5,h6{font-size:1.4rem}h4,h5,h6{font-size:1.2rem}h5,h6{font-size:1.1rem}h6{font-size:1rem}hr{border-color:var(--primary)}blockquote,button,kbd{border-radius:var(--radius)}blockquote{margin:var(--size)0;color:var(--foreground);font-style:italic;padding:calc(var(--size)*1.5);border:var(--default) 1px solid;border-left:var(--default) 1rem solid}button{font-family:Verdana,Geneva,Tahoma,sans-serif}button:hover,input[type=reset]:hover,input[type=submit]:hover{filter:brightness(90%)!important;cursor:pointer}button,input[type=reset],input[type=submit]{border:unset;box-shadow:1px 1px 1px 1px rgba(0,0,0,.1)}a.button{text-align:center}a,cite,label,strong{display:inline-block}a{color:var(--primary)}a:hover{color:var(--foreground)}a[name]{display:none}input:user-invalid{outline:2px solid var(--danger)}input[type=checkbox],input[type=radio]{display:inline-block;vertical-align:middle;width:1rem;height:1rem}:disabled{background:#f0f0f0}:disabled:hover{cursor:not-allowed}table{border-collapse:collapse;border-spacing:0;width:100%}tbody{border-top:var(--default) 2px solid;border-bottom:var(--default) 2px solid}th{text-align:left}td,th{padding:.25rem;border-bottom:1px solid var(--default)}table.striped tbody>:nth-child(2n-1){background:var(--default)}details{color:var(--dark);background:var(--light);margin:var(--size)0;cursor:pointer;border:var(--default) 2px solid}details[open]{margin-bottom:var(--size)}details>*{box-sizing:border-box;padding:.5rem 1rem}details:not(summary):hover{cursor:default}dialog[open]{margin:auto}dialog{border:1px solid var(--dark);border-radius:var(--radius);padding:0;margin:0;max-width:85%;min-width:340px}dialog::backdrop{background-color:rgba(0,0,0,.8)}nav,nav ul li{padding:0 .5rem}nav,nav ul{display:flex}nav{justify-content:space-between}nav .brand{margin:0;font-size:x-large}nav a{text-decoration:none;color:var(--primary)}.active,nav>ul>li>a:hover{margin-top:-1px;border-bottom:currentColor 1px solid}nav ul{list-style-type:none;margin:0;padding:0;line-height:2rem}nav ul li{margin:0}nav ul li:first-child{margin-left:0}.primary{color:var(--light);background:var(--primary)}.secondary{color:var(--light);background:var(--secondary)}.default{color:var(--dark);background:var(--light)}.dark{color:var(--light);background:var(--dark)}.light{color:var(--dark);background:var(--light)}blockquote.primary{border-color:var(--primary)}blockquote.secondary{border-color:var(--secondary)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-default,.weak{color:var(--default)}.grid{display:grid;gap:.25rem;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.group{display:flex}.container{margin:0 auto;padding:var(--size);max-width:1140px}.underline{border-bottom:currentColor 1px solid}.border{border:var(--default) 2px solid;border-radius:var(--radius)}.indent{margin-left:.25rem}.pointer{cursor:pointer}.center{align-self:center;justify-self:center} +:root{--size:1rem;--radius:.3rem;--foreground:#111;--background:#FFF;--light:#F0F0F0;--dark:#404040;--default:#EEE;--primary:var(--theme, #5499C7);--secondary:#404040;--success:#198754;--warning:#fbc02d;--danger:#C62828}[data-theme=dark]{--foreground:#FFF;--background:#222;--default:#333}body,html{color:var(--foreground);background:var(--background);font-size:16px;margin:0;padding:0;letter-spacing:.0125em;height:100%;line-height:1.5rem}cite,label,strong{display:inline-block;font-weight:700}label{margin:.25rem}li,ol,ul{margin-left:1rem}i{vertical-align:middle}cite,strong{padding:.5rem 0}code,kbd,pre{font-family:monospace;font-size:smaller;padding:.25rem .5rem;background:var(--light);color:var(--dark)}kbd{font-style:normal;color:var(--light);background:var(--primary);border-radius:var(--radius);text-transform:uppercase}abbr{border-bottom:1px dotted;cursor:help}button,footer,header,input,main,option,select,textarea{padding:calc(var(--size)/2) var(--size)}body,html,input,option,select,textarea{box-sizing:border-box;font-family:Verdana,Geneva,Tahoma,sans-serif}input,option,select,textarea{display:inline-block;font-size:1rem;width:100%;border:var(--default) 2px solid;border-radius:var(--radius);margin-bottom:.5rem}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:0}select:hover,summary:hover{cursor:pointer}h1{font-size:2.2rem;margin:3.4rem 0}h2{font-size:1.8rem;margin:2.2rem 0}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem}h3{font-size:1.4rem;margin:1.8rem 0}h4,h5,h6{font-size:1.2rem}h5,h6{font-size:1.1rem}h6{font-size:1rem}h4,h5,h6{margin-top:1rem}hr{margin:1rem 0;border-color:var(--primary)}blockquote,button{border-radius:var(--radius)}blockquote{margin:var(--size)0;color:var(--foreground);font-style:italic;padding:calc(var(--size)*1.5);border:var(--theme, var(--default)) 1px solid;border-left:var(--theme, var(--default)) 1rem solid}button{font-family:Verdana,Geneva,Tahoma,sans-serif}button:hover,input[type=reset]:hover,input[type=submit]:hover{filter:brightness(90%)!important;cursor:pointer}button,input[type=reset],input[type=submit]{border:unset;box-shadow:1px 1px 1px 1px rgba(0,0,0,.1)}input[type=submit]{color:var(--light);background:var(--primary)}a.button{padding:calc(var(--size)/2) var(--size);text-align:center}a{display:inline-block;vertical-align:middle;color:var(--primary)}a:hover{color:var(--foreground)}a[name]{display:none}input:user-invalid{outline:2px solid var(--danger)}input[type=checkbox],input[type=radio]{display:inline-block;vertical-align:middle;width:1rem;height:1rem}:disabled{background:#f0f0f0}:disabled:hover{cursor:not-allowed}table{border-collapse:collapse;border-spacing:0;width:100%}tbody,tfoot,thead{border-bottom:var(--theme, var(--default)) 2px solid}th{text-align:left;color:var(--theme, var(--foreground))}td,th{padding:.25rem;border-bottom:1px solid var(--theme, var(--default))}table.striped tbody>:nth-child(2n-1){background:var(--default)}details{color:var(--dark);background:var(--light);margin:var(--size)0;cursor:pointer;border:var(--default) 2px solid}details[open]{margin-bottom:var(--size)}details>*{box-sizing:border-box;padding:.5rem 1rem}details:not(summary):hover{cursor:default}dialog[open]{margin:auto}dialog{border:1px solid var(--dark);border-radius:var(--radius);padding:0;margin:0;max-width:85%;min-width:340px}dialog::backdrop{background-color:rgba(0,0,0,.8)}nav,nav ul li{padding:0 .5rem}nav,nav ul{display:flex}nav{justify-content:space-between}nav .brand{margin:0;font-size:x-large}nav a{text-decoration:none;color:var(--primary)}.active,nav>ul>li>a:hover{margin-top:-1px;border-bottom:currentColor 1px solid}nav ul{list-style-type:none;margin:0;padding:0;line-height:2rem}nav ul li{margin:0}nav ul li:first-child{margin-left:0}.primary{color:var(--light);background:var(--primary)}.secondary{color:var(--light);background:var(--secondary)}.default{color:var(--dark);background:var(--light)}.dark{color:var(--light);background:var(--dark)}.light{color:var(--dark);background:var(--light)}blockquote.primary{border-color:var(--primary)}blockquote.secondary{border-color:var(--secondary)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-default,.weak{color:var(--default)}.grid{display:grid;gap:.25rem;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.group{display:flex}.group>i{line-height:1.5rem;margin-bottom:.5rem;padding:.5rem 1rem}.container{margin:0 auto;padding:var(--size);max-width:1140px}.underline{border-bottom:var(--theme, currentColor) 1px solid}.border{border:var(--theme, var(--default)) 2px solid;border-radius:var(--radius)}.indent{margin-left:.25rem}.pointer{cursor:pointer}.center{align-self:center;justify-self:center} /*# sourceMappingURL=stylelite.map */ \ No newline at end of file