From c689cc3519720007769fd6fa0ce11f2f65abb42d Mon Sep 17 00:00:00 2001 From: Kognise Date: Thu, 1 Oct 2020 13:49:51 -0400 Subject: [PATCH] Add correct dist and fix typo --- dist/about-this-directory | 5 + dist/dark.css | 241 ++++++++++++++++++++++++++++++++++++++ dist/dark.css.map | 1 + dist/dark.min.css | 2 + dist/dark.min.css.map | 1 + dist/light.css | 241 ++++++++++++++++++++++++++++++++++++++ dist/light.css.map | 1 + dist/light.min.css | 2 + dist/light.min.css.map | 1 + 9 files changed, 495 insertions(+) create mode 100644 dist/about-this-directory create mode 100644 dist/dark.css create mode 100644 dist/dark.css.map create mode 100644 dist/dark.min.css create mode 100644 dist/dark.min.css.map create mode 100644 dist/light.css create mode 100644 dist/light.css.map create mode 100644 dist/light.min.css create mode 100644 dist/light.min.css.map diff --git a/dist/about-this-directory b/dist/about-this-directory new file mode 100644 index 0000000..d5d6706 --- /dev/null +++ b/dist/about-this-directory @@ -0,0 +1,5 @@ +This dist/ directory is here to maintain backwards compatibility with sites that use the pre-2.0 version of Water.css. + +We used to encourage linking to this directory instead of the version on NPM (since it didn't exist) so this exists to avoid breaking anything. + +If you're still using a version from this directory please see the README to update. If you're a contributor, ignore this - you're probably looking for out/. \ No newline at end of file diff --git a/dist/dark.css b/dist/dark.css new file mode 100644 index 0000000..43a72e9 --- /dev/null +++ b/dist/dark.css @@ -0,0 +1,241 @@ +@charset "UTF-8"; +body { + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; + line-height: 1.4; + max-width: 800px; + margin: 20px auto; + padding: 0 10px; + color: #dbdbdb; + background: #202b38; + text-rendering: optimizeLegibility; +} + +button, input, textarea { + transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease; +} + +h1 { + font-size: 2.2em; + margin-top: 0; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin-bottom: 12px; +} + +h1, +h2, +h3, +h4, +h5, +h6, +strong { + color: #ffffff; +} + +h1, +h2, +h3, +h4, +h5, +h6, +b, +strong, +th { + font-weight: 600; +} + +blockquote { + border-left: 4px solid #0096bfab; + margin: 1.5em 0em; + padding: 0.5em 1em; + font-style: italic; +} + +blockquote > footer { + margin-top: 10px; + font-style: normal; +} + +blockquote cite { + font-style: normal; +} + +address { + font-style: normal; +} + +a[href^='mailto']::before { + content: '📧 '; +} + +a[href^='tel']::before { + content: '📞 '; +} + +a[href^='sms']::before { + content: '💬 '; +} + +button, +input[type='submit'], +input[type='button'], +input[type='checkbox'] { + cursor: pointer; +} + +input:not([type='checkbox']):not([type='radio']), +select { + display: block; +} + +input, select, button, textarea { + color: #ffffff; + background-color: #161f27; + font-family: inherit; + font-size: inherit; + margin-right: 6px; + margin-bottom: 6px; + padding: 10px; + border: none; + border-radius: 6px; + outline: none; +} + +input:not([type='checkbox']):not([type='radio']), +select, button, textarea { + -webkit-appearance: none; +} + +textarea { + margin-right: 0; + width: 100%; + box-sizing: border-box; + resize: vertical; +} + +button, input[type='submit'], input[type='button'] { + padding-right: 30px; + padding-left: 30px; +} + +button:hover, +input[type='submit']:hover, +input[type='button']:hover { + background: #324759; +} + +input:focus, +select:focus, +button:focus, +textarea:focus { + box-shadow: 0 0 0 2px #0096bfab; +} + +input[type='checkbox']:active, +input[type='radio']:active, +input[type='submit']:active, +input[type='button']:active, +button:active { + transform: translateY(2px); +} + +input:disabled, +select:disabled, +button:disabled, +textarea:disabled { + cursor: not-allowed; + opacity: .5; +} + +::-webkit-input-placeholder { + color: #a9a9a9; +} + +:-ms-input-placeholder { + color: #a9a9a9; +} + +::-ms-input-placeholder { + color: #a9a9a9; +} + +::placeholder { + color: #a9a9a9; +} + +a { + text-decoration: none; + color: #41adff; +} + +a:hover { + text-decoration: underline; +} + +code, kbd { + background: #161f27; + color: #ffbe85; + padding: 5px; + border-radius: 6px; +} + +pre > code { + padding: 10px; + display: block; + overflow-x: auto; +} + +img { + max-width: 100%; +} + +hr { + border: none; + border-top: 1px solid #dbdbdb; +} + +table { + border-collapse: collapse; + margin-bottom: 10px; + width: 100%; +} + +td, th { + padding: 6px; + text-align: left; +} + +th { + border-bottom: 1px solid #dbdbdb; +} + +tbody tr:nth-child(even) { + background-color: #161f27; +} + +::-webkit-scrollbar { + height: 10px; + width: 10px; +} + +::-webkit-scrollbar-track { + background: #161f27; + border-radius: 6px; +} + +::-webkit-scrollbar-thumb { + background: #324759; + border-radius: 6px; +} + +::-webkit-scrollbar-thumb:hover { + background: #415c73; +} + +/*# sourceMappingURL=dark.css.map */ diff --git a/dist/dark.css.map b/dist/dark.css.map new file mode 100644 index 0000000..0441bd8 --- /dev/null +++ b/dist/dark.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["dark.css","parts/_base.scss","dark.scss","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACE,yKAAyK;EACzK,gBAAgB;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EAEf,cCLiB;EDMjB,mBCTkB;EDWlB,kCAAkC;ADDpC;;ACIA;EACE,kIAI8C;ADLhD;;AGdA;EACE,gBAAgB;EAChB,aAAa;AHiBf;;AGdA;;;;;;EAME,mBAAmB;AHiBrB;;AGdA;;;;;;;EAOE,cDjBmB;AFkCrB;;AGdA;;;;;;;;;EASE,gBAAgB;AHiBlB;;AGdA;EACE,gCD9Be;EC+Bf,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;AHiBpB;;AGdA;EACE,gBAAgB;EAChB,kBAAkB;AHiBpB;;AGdA;EACE,kBAAkB;AHiBpB;;AGdA;EACE,kBAAkB;AHiBpB;;AGdA;EACE,cAAS;AHiBX;;AGdA;EACE,cAAS;AHiBX;;AGdA;EACE,cAAS;AHiBX;;AIlFA;;;;EAIE,eAAe;AJqFjB;;AIlFA;;EAEE,cAAc;AJqFhB;;AIlFA;EACE,cFKiB;EEJjB,yBFbsB;EEetB,oBAAoB;EACpB,kBAAkB;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AJkFf;;AI/EA;;EAEE,wBAAwB;AJkF1B;;AI/EA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AJkFlB;;AI/EA;EACE,mBAAmB;EACnB,kBAAkB;AJkFpB;;AI/EA;;;EAGE,mBFrCoB;AFuHtB;;AI/EA;;;;EAIE,+BFhDe;AFkIjB;;AI/EA;;;;;EAKE,0BAA0B;AJkF5B;;AI/EA;;;;EAIE,mBAAmB;EACnB,WAAW;AJkFb;;AI/EA;EACE,cF1DwB;AF4I1B;;AInFA;EACE,cF1DwB;AF4I1B;;AInFA;EACE,cF1DwB;AF4I1B;;AInFA;EACE,cF1DwB;AF4I1B;;AK7JA;EACE,qBAAqB;EACrB,cHIa;AF4Jf;;AK7JA;EACE,0BAA0B;ALgK5B;;AMtKA;EACE,mBJAsB;EICtB,cJOY;EINZ,YAAY;EACZ,kBAAkB;ANyKpB;;AMtKA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;ANyKlB;;AOnLA;EACE,eAAe;APsLjB;;AOnLA;EACE,YAAY;EACZ,6BLEc;AFoLhB;;AOnLA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;APsLb;;AOnLA;EACE,YAAY;EACZ,gBAAgB;APsLlB;;AOnLA;EACE,gCLbc;AFmMhB;;AOnLA;EACE,yBLxBsB;AF8MxB;;AOnLA;EACE,YAAY;EACZ,WAAW;APsLb;;AOnLA;EACE,mBLjCsB;EKkCtB,kBAAkB;APsLpB;;AOnLA;EACE,mBL5BoB;EK6BpB,kBAAkB;APsLpB;;AOnLA;EACE,mBL7BgD;AFmNlD","file":"dark.css","sourcesContent":["@charset \"UTF-8\";\nbody {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n color: #dbdbdb;\n background: #202b38;\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease;\n}\n\nh1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: #ffffff;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid #0096bfab;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: #ffffff;\n background-color: #161f27;\n font-family: inherit;\n font-size: inherit;\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: #324759;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px #0096bfab;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: #a9a9a9;\n}\n\na {\n text-decoration: none;\n color: #41adff;\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: #161f27;\n color: #ffbe85;\n padding: 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nimg {\n max-width: 100%;\n}\n\nhr {\n border: none;\n border-top: 1px solid #dbdbdb;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid #dbdbdb;\n}\n\ntbody tr:nth-child(even) {\n background-color: #161f27;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: #161f27;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: #324759;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #415c73;\n}\n","body {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n\n color: $text-main;\n background: $background;\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color $animation-duration linear,\n border-color $animation-duration linear,\n color $animation-duration linear,\n box-shadow $animation-duration linear,\n transform $animation-duration ease;\n}\n","$background: #202b38 !default;\n$background-alt: #161f27 !default;\n\n$text-main: #dbdbdb !default;\n$text-bright: #ffffff !default;\n\n$links: #41adff !default;\n$focus: #0096bfab !default;\n$border: #dbdbdb !default;\n$code: #ffbe85 !default;\n\n$button-hover: #324759 !default;\n$animation-duration: 0.1s !default;\n\n$scrollbar-thumb: $button-hover;\n$scrollbar-thumb-hover: lighten($button-hover, 8%);\n\n$form-placeholder: #a9a9a9 !default;\n$form-text: #ffffff !default;\n\n@import 'parts/core';","h1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: $text-bright;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid $focus;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: $form-text;\n background-color: $background-alt;\n\n font-family: inherit;\n font-size: inherit;\n\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: $button-hover;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px $focus;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: $form-placeholder;\n}","a {\n text-decoration: none;\n color: $links;\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: $background-alt;\n color: $code;\n padding: 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}","img {\n max-width: 100%;\n}\n\nhr {\n border: none;\n border-top: 1px solid $border;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid $border;\n}\n\ntbody tr:nth-child(even) {\n background-color: $background-alt;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: $background-alt;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: $scrollbar-thumb;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: $scrollbar-thumb-hover;\n}"]} \ No newline at end of file diff --git a/dist/dark.min.css b/dist/dark.min.css new file mode 100644 index 0000000..9ca1556 --- /dev/null +++ b/dist/dark.min.css @@ -0,0 +1,2 @@ +@charset "UTF-8";body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:#dbdbdb;background:#202b38;text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:#fff}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid rgba(0,150,191,.67);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}address,blockquote cite{font-style:normal}a[href^=mailto]:before{content:"📧 "}a[href^=tel]:before{content:"📞 "}a[href^=sms]:before{content:"💬 "}button,input[type=button],input[type=checkbox],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,select,textarea{color:#fff;background-color:#161f27;font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input:not([type=checkbox]):not([type=radio]),select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type=button],input[type=submit]{padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:#324759}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(0,150,191,.67)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-webkit-input-placeholder{color:#a9a9a9}:-ms-input-placeholder{color:#a9a9a9}::-ms-input-placeholder{color:#a9a9a9}::placeholder{color:#a9a9a9}a{text-decoration:none;color:#41adff}a:hover{text-decoration:underline}code,kbd{background:#161f27;color:#ffbe85;padding:5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%}hr{border:none;border-top:1px solid #dbdbdb}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid #dbdbdb}tbody tr:nth-child(2n){background-color:#161f27}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#161f27;border-radius:6px}::-webkit-scrollbar-thumb{background:#324759;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#415c73} +/*# sourceMappingURL=dark.min.css.map */ diff --git a/dist/dark.min.css.map b/dist/dark.min.css.map new file mode 100644 index 0000000..1960d52 --- /dev/null +++ b/dist/dark.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["parts/_typography.scss","dark.css","parts/_base.scss","dark.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAwDA,gBCkBA,CC1EA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aCLiB,CDMjB,kBCTkB,CDWlB,iCDDF,CCIA,sBACE,wHDDF,CDdA,GACE,eAAgB,CAChB,YCiBF,CDdA,kBAME,kBCiBF,CDdA,yBAOE,UCiBF,CDdA,8BASE,eCiBF,CDdA,WACE,yCG9Be,CH+Bf,cAAiB,CACjB,gBAAkB,CAClB,iBCiBF,CDdA,kBACE,eAAgB,CAChB,iBCiBF,CDVA,wBACE,iBCiBF,CDdA,uBACE,aCiBF,CDdA,oBACE,aCiBF,CDdA,oBACE,aCiBF,CGlFA,kEAIE,cHqFF,CGlFA,oDAEE,aHqFF,CGlFA,6BACE,UDKiB,CCJjB,wBDbsB,CCetB,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YHkFF,CG/EA,oEAEE,uBHkFF,CG/EA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eHkFF,CG/EA,6CACE,kBAAmB,CACnB,iBHkFF,CG/EA,+DAGE,kBHkFF,CG/EA,qDAIE,wCHkFF,CG/EA,uHAKE,yBHkFF,CG/EA,iEAIE,kBAAmB,CACnB,UHkFF,CG/EA,4BACE,aHkFF,CGnFA,uBACE,aHkFF,CGnFA,wBACE,aHkFF,CGnFA,cACE,aHkFF,CI7JA,EACE,oBAAqB,CACrB,aJgKF,CI7JA,QACE,yBJgKF,CKtKA,SACE,kBHAsB,CGCtB,aHOY,CGNZ,WAAY,CACZ,iBLyKF,CKtKA,SACE,YAAa,CACb,aAAc,CACd,eLyKF,CMnLA,IACE,cNsLF,CMnLA,GAEE,WJEc,CIFd,4BNsLF,CMnLA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UNsLF,CMnLA,MACE,WAAY,CACZ,eNsLF,CMnLA,GACE,+BNsLF,CMnLA,uBACE,wBNsLF,CMnLA,oBACE,WAAY,CACZ,UNsLF,CMnLA,0BACE,kBJjCsB,CIkCtB,iBAXF,CAcA,0BACE,kBJ5BoB,CI6BpB,iBNsLF,CMnLA,gCACE,kBAXF","file":"dark.min.css","sourcesContent":["h1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: $text-bright;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid $focus;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}","@charset \"UTF-8\";\nbody {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n color: #dbdbdb;\n background: #202b38;\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease;\n}\n\nh1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: #ffffff;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid #0096bfab;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: #ffffff;\n background-color: #161f27;\n font-family: inherit;\n font-size: inherit;\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: #324759;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px #0096bfab;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: #a9a9a9;\n}\n\na {\n text-decoration: none;\n color: #41adff;\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: #161f27;\n color: #ffbe85;\n padding: 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nimg {\n max-width: 100%;\n}\n\nhr {\n border: none;\n border-top: 1px solid #dbdbdb;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid #dbdbdb;\n}\n\ntbody tr:nth-child(even) {\n background-color: #161f27;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: #161f27;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: #324759;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #415c73;\n}\n","body {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n\n color: $text-main;\n background: $background;\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color $animation-duration linear,\n border-color $animation-duration linear,\n color $animation-duration linear,\n box-shadow $animation-duration linear,\n transform $animation-duration ease;\n}\n","$background: #202b38 !default;\n$background-alt: #161f27 !default;\n\n$text-main: #dbdbdb !default;\n$text-bright: #ffffff !default;\n\n$links: #41adff !default;\n$focus: #0096bfab !default;\n$border: #dbdbdb !default;\n$code: #ffbe85 !default;\n\n$button-hover: #324759 !default;\n$animation-duration: 0.1s !default;\n\n$scrollbar-thumb: $button-hover;\n$scrollbar-thumb-hover: lighten($button-hover, 8%);\n\n$form-placeholder: #a9a9a9 !default;\n$form-text: #ffffff !default;\n\n@import 'parts/core';","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: $form-text;\n background-color: $background-alt;\n\n font-family: inherit;\n font-size: inherit;\n\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: $button-hover;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px $focus;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: $form-placeholder;\n}","a {\n text-decoration: none;\n color: $links;\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: $background-alt;\n color: $code;\n padding: 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}","img {\n max-width: 100%;\n}\n\nhr {\n border: none;\n border-top: 1px solid $border;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid $border;\n}\n\ntbody tr:nth-child(even) {\n background-color: $background-alt;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: $background-alt;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: $scrollbar-thumb;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: $scrollbar-thumb-hover;\n}"]} \ No newline at end of file diff --git a/dist/light.css b/dist/light.css new file mode 100644 index 0000000..e2ea9a8 --- /dev/null +++ b/dist/light.css @@ -0,0 +1,241 @@ +@charset "UTF-8"; +body { + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; + line-height: 1.4; + max-width: 800px; + margin: 20px auto; + padding: 0 10px; + color: #363636; + background: #ffffff; + text-rendering: optimizeLegibility; +} + +button, input, textarea { + transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease; +} + +h1 { + font-size: 2.2em; + margin-top: 0; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin-bottom: 12px; +} + +h1, +h2, +h3, +h4, +h5, +h6, +strong { + color: #000000; +} + +h1, +h2, +h3, +h4, +h5, +h6, +b, +strong, +th { + font-weight: 600; +} + +blockquote { + border-left: 4px solid #0096bfab; + margin: 1.5em 0em; + padding: 0.5em 1em; + font-style: italic; +} + +blockquote > footer { + margin-top: 10px; + font-style: normal; +} + +blockquote cite { + font-style: normal; +} + +address { + font-style: normal; +} + +a[href^='mailto']::before { + content: '📧 '; +} + +a[href^='tel']::before { + content: '📞 '; +} + +a[href^='sms']::before { + content: '💬 '; +} + +button, +input[type='submit'], +input[type='button'], +input[type='checkbox'] { + cursor: pointer; +} + +input:not([type='checkbox']):not([type='radio']), +select { + display: block; +} + +input, select, button, textarea { + color: #000000; + background-color: #efefef; + font-family: inherit; + font-size: inherit; + margin-right: 6px; + margin-bottom: 6px; + padding: 10px; + border: none; + border-radius: 6px; + outline: none; +} + +input:not([type='checkbox']):not([type='radio']), +select, button, textarea { + -webkit-appearance: none; +} + +textarea { + margin-right: 0; + width: 100%; + box-sizing: border-box; + resize: vertical; +} + +button, input[type='submit'], input[type='button'] { + padding-right: 30px; + padding-left: 30px; +} + +button:hover, +input[type='submit']:hover, +input[type='button']:hover { + background: #dddddd; +} + +input:focus, +select:focus, +button:focus, +textarea:focus { + box-shadow: 0 0 0 2px #0096bfab; +} + +input[type='checkbox']:active, +input[type='radio']:active, +input[type='submit']:active, +input[type='button']:active, +button:active { + transform: translateY(2px); +} + +input:disabled, +select:disabled, +button:disabled, +textarea:disabled { + cursor: not-allowed; + opacity: .5; +} + +::-webkit-input-placeholder { + color: #949494; +} + +:-ms-input-placeholder { + color: #949494; +} + +::-ms-input-placeholder { + color: #949494; +} + +::placeholder { + color: #949494; +} + +a { + text-decoration: none; + color: #0076d1; +} + +a:hover { + text-decoration: underline; +} + +code, kbd { + background: #efefef; + color: #000000; + padding: 5px; + border-radius: 6px; +} + +pre > code { + padding: 10px; + display: block; + overflow-x: auto; +} + +img { + max-width: 100%; +} + +hr { + border: none; + border-top: 1px solid #dbdbdb; +} + +table { + border-collapse: collapse; + margin-bottom: 10px; + width: 100%; +} + +td, th { + padding: 6px; + text-align: left; +} + +th { + border-bottom: 1px solid #dbdbdb; +} + +tbody tr:nth-child(even) { + background-color: #efefef; +} + +::-webkit-scrollbar { + height: 10px; + width: 10px; +} + +::-webkit-scrollbar-track { + background: #efefef; + border-radius: 6px; +} + +::-webkit-scrollbar-thumb { + background: #d5d5d5; + border-radius: 6px; +} + +::-webkit-scrollbar-thumb:hover { + background: #c4c4c4; +} + +/*# sourceMappingURL=light.css.map */ diff --git a/dist/light.css.map b/dist/light.css.map new file mode 100644 index 0000000..ef563df --- /dev/null +++ b/dist/light.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["light.css","parts/_base.scss","light.scss","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACE,yKAAyK;EACzK,gBAAgB;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EAEf,cCLiB;EDMjB,mBCTkB;EDWlB,kCAAkC;ADDpC;;ACIA;EACE,kIAI8C;ADLhD;;AGdA;EACE,gBAAgB;EAChB,aAAa;AHiBf;;AGdA;;;;;;EAME,mBAAmB;AHiBrB;;AGdA;;;;;;;EAOE,cDjBmB;AFkCrB;;AGdA;;;;;;;;;EASE,gBAAgB;AHiBlB;;AGdA;EACE,gCD9Be;EC+Bf,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;AHiBpB;;AGdA;EACE,gBAAgB;EAChB,kBAAkB;AHiBpB;;AGdA;EACE,kBAAkB;AHiBpB;;AGdA;EACE,kBAAkB;AHiBpB;;AGdA;EACE,cAAS;AHiBX;;AGdA;EACE,cAAS;AHiBX;;AGdA;EACE,cAAS;AHiBX;;AIlFA;;;;EAIE,eAAe;AJqFjB;;AIlFA;;EAEE,cAAc;AJqFhB;;AIlFA;EACE,cFKiB;EEJjB,yBFbsB;EEetB,oBAAoB;EACpB,kBAAkB;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AJkFf;;AI/EA;;EAEE,wBAAwB;AJkF1B;;AI/EA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AJkFlB;;AI/EA;EACE,mBAAmB;EACnB,kBAAkB;AJkFpB;;AI/EA;;;EAGE,mBFrCoB;AFuHtB;;AI/EA;;;;EAIE,+BFhDe;AFkIjB;;AI/EA;;;;;EAKE,0BAA0B;AJkF5B;;AI/EA;;;;EAIE,mBAAmB;EACnB,WAAW;AJkFb;;AI/EA;EACE,cF1DwB;AF4I1B;;AInFA;EACE,cF1DwB;AF4I1B;;AInFA;EACE,cF1DwB;AF4I1B;;AInFA;EACE,cF1DwB;AF4I1B;;AK7JA;EACE,qBAAqB;EACrB,cHIa;AF4Jf;;AK7JA;EACE,0BAA0B;ALgK5B;;AMtKA;EACE,mBJAsB;EICtB,cJOY;EINZ,YAAY;EACZ,kBAAkB;ANyKpB;;AMtKA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;ANyKlB;;AOnLA;EACE,eAAe;APsLjB;;AOnLA;EACE,YAAY;EACZ,6BLEc;AFoLhB;;AOnLA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;APsLb;;AOnLA;EACE,YAAY;EACZ,gBAAgB;APsLlB;;AOnLA;EACE,gCLbc;AFmMhB;;AOnLA;EACE,yBLxBsB;AF8MxB;;AOnLA;EACE,YAAY;EACZ,WAAW;APsLb;;AOnLA;EACE,mBLjCsB;EKkCtB,kBAAkB;APsLpB;;AOnLA;EACE,mBLzByC;EK0BzC,kBAAkB;APsLpB;;AOnLA;EACE,mBL7BgD;AFmNlD","file":"light.css","sourcesContent":["@charset \"UTF-8\";\nbody {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n color: #363636;\n background: #ffffff;\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease;\n}\n\nh1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: #000000;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid #0096bfab;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: #000000;\n background-color: #efefef;\n font-family: inherit;\n font-size: inherit;\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: #dddddd;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px #0096bfab;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: #949494;\n}\n\na {\n text-decoration: none;\n color: #0076d1;\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: #efefef;\n color: #000000;\n padding: 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nimg {\n max-width: 100%;\n}\n\nhr {\n border: none;\n border-top: 1px solid #dbdbdb;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid #dbdbdb;\n}\n\ntbody tr:nth-child(even) {\n background-color: #efefef;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: #efefef;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: #d5d5d5;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #c4c4c4;\n}\n","body {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n\n color: $text-main;\n background: $background;\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color $animation-duration linear,\n border-color $animation-duration linear,\n color $animation-duration linear,\n box-shadow $animation-duration linear,\n transform $animation-duration ease;\n}\n","$background: #ffffff !default;\n$background-alt: #efefef !default;\n\n$text-main: #363636 !default;\n$text-bright: #000000 !default;\n\n$links: #0076d1 !default;\n$focus: #0096bfab !default;\n$border: #dbdbdb !default;\n$code: #000000 !default;\n\n$button-hover: #dddddd !default;\n$animation-duration: 0.1s !default;\n\n$scrollbar-thumb: darken($button-hover, 3%);\n$scrollbar-thumb-hover: darken($button-hover, 10%);\n\n$form-placeholder: #949494 !default;\n$form-text: #000000 !default;\n\n@import 'parts/core';","h1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: $text-bright;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid $focus;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: $form-text;\n background-color: $background-alt;\n\n font-family: inherit;\n font-size: inherit;\n\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: $button-hover;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px $focus;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: $form-placeholder;\n}","a {\n text-decoration: none;\n color: $links;\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: $background-alt;\n color: $code;\n padding: 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}","img {\n max-width: 100%;\n}\n\nhr {\n border: none;\n border-top: 1px solid $border;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid $border;\n}\n\ntbody tr:nth-child(even) {\n background-color: $background-alt;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: $background-alt;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: $scrollbar-thumb;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: $scrollbar-thumb-hover;\n}"]} \ No newline at end of file diff --git a/dist/light.min.css b/dist/light.min.css new file mode 100644 index 0000000..8ce73eb --- /dev/null +++ b/dist/light.min.css @@ -0,0 +1,2 @@ +@charset "UTF-8";body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:#363636;background:#fff;text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:#000}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid rgba(0,150,191,.67);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}address,blockquote cite{font-style:normal}a[href^=mailto]:before{content:"📧 "}a[href^=tel]:before{content:"📞 "}a[href^=sms]:before{content:"💬 "}button,input[type=button],input[type=checkbox],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,select,textarea{color:#000;background-color:#efefef;font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input:not([type=checkbox]):not([type=radio]),select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type=button],input[type=submit]{padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:#ddd}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(0,150,191,.67)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-webkit-input-placeholder{color:#949494}:-ms-input-placeholder{color:#949494}::-ms-input-placeholder{color:#949494}::placeholder{color:#949494}a{text-decoration:none;color:#0076d1}a:hover{text-decoration:underline}code,kbd{background:#efefef;color:#000;padding:5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%}hr{border:none;border-top:1px solid #dbdbdb}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid #dbdbdb}tbody tr:nth-child(2n){background-color:#efefef}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#efefef;border-radius:6px}::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#c4c4c4} +/*# sourceMappingURL=light.min.css.map */ diff --git a/dist/light.min.css.map b/dist/light.min.css.map new file mode 100644 index 0000000..0ef7fbb --- /dev/null +++ b/dist/light.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["parts/_typography.scss","light.css","parts/_base.scss","light.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAwDA,gBCkBA,CC1EA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aCLiB,CDMjB,eCTkB,CDWlB,iCDDF,CCIA,sBACE,wHDDF,CDdA,GACE,eAAgB,CAChB,YCiBF,CDdA,kBAME,kBCiBF,CDdA,yBAOE,UCiBF,CDdA,8BASE,eCiBF,CDdA,WACE,yCG9Be,CH+Bf,cAAiB,CACjB,gBAAkB,CAClB,iBCiBF,CDdA,kBACE,eAAgB,CAChB,iBCiBF,CDVA,wBACE,iBCiBF,CDdA,uBACE,aCiBF,CDdA,oBACE,aCiBF,CDdA,oBACE,aCiBF,CGlFA,kEAIE,cHqFF,CGlFA,oDAEE,aHqFF,CGlFA,6BACE,UDKiB,CCJjB,wBDbsB,CCetB,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YHkFF,CG/EA,oEAEE,uBHkFF,CG/EA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eHkFF,CG/EA,6CACE,kBAAmB,CACnB,iBHkFF,CG/EA,+DAGE,eHkFF,CG/EA,qDAIE,wCHkFF,CG/EA,uHAKE,yBHkFF,CG/EA,iEAIE,kBAAmB,CACnB,UHkFF,CG/EA,4BACE,aHkFF,CGnFA,uBACE,aHkFF,CGnFA,wBACE,aHkFF,CGnFA,cACE,aHkFF,CI7JA,EACE,oBAAqB,CACrB,aJgKF,CI7JA,QACE,yBJgKF,CKtKA,SACE,kBHAsB,CGCtB,UHOY,CGNZ,WAAY,CACZ,iBLyKF,CKtKA,SACE,YAAa,CACb,aAAc,CACd,eLyKF,CMnLA,IACE,cNsLF,CMnLA,GAEE,WJEc,CIFd,4BNsLF,CMnLA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UNsLF,CMnLA,MACE,WAAY,CACZ,eNsLF,CMnLA,GACE,+BNsLF,CMnLA,uBACE,wBNsLF,CMnLA,oBACE,WAAY,CACZ,UNsLF,CMnLA,0BACE,kBJjCsB,CIkCtB,iBAXF,CAcA,0BACE,kBJzByC,CI0BzC,iBNsLF,CMnLA,gCACE,kBAXF","file":"light.min.css","sourcesContent":["h1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: $text-bright;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid $focus;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}","@charset \"UTF-8\";\nbody {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n color: #363636;\n background: #ffffff;\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease;\n}\n\nh1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: #000000;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid #0096bfab;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: #000000;\n background-color: #efefef;\n font-family: inherit;\n font-size: inherit;\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: #dddddd;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px #0096bfab;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: #949494;\n}\n\na {\n text-decoration: none;\n color: #0076d1;\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: #efefef;\n color: #000000;\n padding: 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nimg {\n max-width: 100%;\n}\n\nhr {\n border: none;\n border-top: 1px solid #dbdbdb;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid #dbdbdb;\n}\n\ntbody tr:nth-child(even) {\n background-color: #efefef;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: #efefef;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: #d5d5d5;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #c4c4c4;\n}\n","body {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n\n color: $text-main;\n background: $background;\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color $animation-duration linear,\n border-color $animation-duration linear,\n color $animation-duration linear,\n box-shadow $animation-duration linear,\n transform $animation-duration ease;\n}\n","$background: #ffffff !default;\n$background-alt: #efefef !default;\n\n$text-main: #363636 !default;\n$text-bright: #000000 !default;\n\n$links: #0076d1 !default;\n$focus: #0096bfab !default;\n$border: #dbdbdb !default;\n$code: #000000 !default;\n\n$button-hover: #dddddd !default;\n$animation-duration: 0.1s !default;\n\n$scrollbar-thumb: darken($button-hover, 3%);\n$scrollbar-thumb-hover: darken($button-hover, 10%);\n\n$form-placeholder: #949494 !default;\n$form-text: #000000 !default;\n\n@import 'parts/core';","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: $form-text;\n background-color: $background-alt;\n\n font-family: inherit;\n font-size: inherit;\n\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: $button-hover;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px $focus;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: $form-placeholder;\n}","a {\n text-decoration: none;\n color: $links;\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: $background-alt;\n color: $code;\n padding: 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}","img {\n max-width: 100%;\n}\n\nhr {\n border: none;\n border-top: 1px solid $border;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid $border;\n}\n\ntbody tr:nth-child(even) {\n background-color: $background-alt;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: $background-alt;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: $scrollbar-thumb;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: $scrollbar-thumb-hover;\n}"]} \ No newline at end of file