From eb34c7d5180d21d46010de6fe4be603d71de7015 Mon Sep 17 00:00:00 2001 From: kimulaco Date: Fri, 19 Apr 2019 19:04:21 +0900 Subject: [PATCH 01/44] Change chalk into devDependencies --- package.json | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/package.json b/package.json index 0dc3915..ca6d159 100644 --- a/package.json +++ b/package.json @@ -26,6 +26,7 @@ "devDependencies": { "autoprefixer": "^9.5.1", "browser-sync": "^2.26.3", + "chalk": "^2.4.2", "cssnano": "^4.1.10", "gulp": "^4.0.0", "gulp-bytediff": "^1.0.0", @@ -35,8 +36,5 @@ }, "browserslist": [ "defaults AND not android 4.4.3" - ], - "dependencies": { - "chalk": "^2.4.2" - } + ] } From cd35275bbc572dded6968af5745dd455951af13b Mon Sep 17 00:00:00 2001 From: Kyle Pollard Date: Thu, 11 Apr 2019 22:54:59 -0700 Subject: [PATCH 02/44] Added .min.css files to dist Made .css contain human readable styles --- dist/dark.css | 202 ++++++++++++++++++++++++++++++++++++++++- dist/dark.css.map | 2 +- dist/dark.min.css | 2 + dist/dark.min.css.map | 1 + dist/light.css | 202 ++++++++++++++++++++++++++++++++++++++++- dist/light.css.map | 2 +- dist/light.min.css | 2 + dist/light.min.css.map | 1 + gulpfile.js | 36 ++++++-- package.json | 4 +- script.js | 9 +- yarn.lock | 102 ++++++++++++++++++++- 12 files changed, 545 insertions(+), 20 deletions(-) create mode 100644 dist/dark.min.css create mode 100644 dist/dark.min.css.map create mode 100644 dist/light.min.css create mode 100644 dist/light.min.css.map diff --git a/dist/dark.css b/dist/dark.css index bd25a80..02f6655 100644 --- a/dist/dark.css +++ b/dist/dark.css @@ -1,2 +1,202 @@ -@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} +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 1em; + padding: 0.5em 1em; + font-style: italic; +} + +blockquote > footer { + margin-top: 10px; + font-style: normal; +} + +blockquote cite { + font-style: normal; +} + +button, +input[type='submit'], +input[type='button'], +input[type='checkbox'] { + cursor: pointer; +} + +input:not([type='checkbox']), 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']), 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='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 index a84965c..f3608f8 100644 --- a/dist/dark.css.map +++ b/dist/dark.css.map @@ -1 +1 @@ -{"version":3,"sources":["parts/_typography.scss","parts/_base.scss","dark.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAwDA,gBACiB,CCzDjB,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aCLiB,CDMjB,kBCTkB,CDWlB,iCAAkC,CAGpC,sBACE,wHAI8C,CDnBhD,GACE,eAAgB,CAChB,YAAa,CAGf,kBAME,kBAAmB,CAGrB,yBAOE,UEjBmB,CFoBrB,8BASE,eAAgB,CAGlB,WACE,yCE9Be,CF+Bf,cAAiB,CACjB,gBAAkB,CAClB,iBAAkB,CAGpB,kBACE,eAAgB,CAChB,iBAAkB,CAOpB,wBACE,iBAAkB,CAGpB,uBACE,aAAe,CAGjB,oBACE,aAAe,CAGjB,oBACE,aAAe,CGjEjB,kEAIE,cAAe,CAGjB,oDAEE,aAAc,CAGhB,6BACE,UDKiB,CCJjB,wBDbsB,CCetB,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAGf,oEAEE,uBAAwB,CAG1B,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eAAgB,CAGlB,6CACE,kBAAmB,CACnB,iBAAkB,CAGpB,+DAGE,kBDrCoB,CCwCtB,qDAIE,wCDhDe,CCmDjB,uHAKE,yBAA0B,CAG5B,iEAIE,kBAAmB,CACnB,UAAW,CAGb,4BACE,aD1DwB,CCyD1B,uBACE,aD1DwB,CCyD1B,wBACE,aD1DwB,CCyD1B,cACE,aD1DwB,CEjB1B,EACE,oBAAqB,CACrB,aFIa,CEDf,QACE,yBAA0B,CCN5B,SACE,kBHAsB,CGCtB,aHOY,CGNZ,WAAY,CACZ,iBAAkB,CAGpB,SACE,YAAa,CACb,aAAc,CACd,eAAgB,CCVlB,IACE,cAAe,CAGjB,GAEE,WJEc,CIFd,4BJEc,CIChB,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UAAW,CAGb,MACE,WAAY,CACZ,eAAgB,CAGlB,GACE,+BJbc,CIgBhB,uBACE,wBJxBsB,CI2BxB,oBACE,WAAY,CACZ,UAAW,CAGb,0BACE,kBJjCsB,CIkCtB,iBAAkB,CAGpB,0BACE,kBJ5BoB,CI6BpB,iBAAkB,CAGpB,gCACE,kBJ7BgD","file":"dark.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}","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 +{"version":3,"sources":["parts/_base.scss","dark.scss","dark.css","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAAA;EACE,yKAAyK;EACzK,gBAAgB;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EAEf,cCLiB;EDMjB,mBCTkB;EDWlB,kCAAkC;AEFpC;;AFKA;EACE,kIAI8C;AENhD;;ACbA;EACE,gBAAgB;EAChB,aAAa;ADgBf;;ACbA;EACE,mBAAmB;ADgBrB;;ACbA;EACE,cFNmB;ACsBrB;;ACbA;EACE,gBAAgB;ADgBlB;;ACbA;EACE,gCFXe;EEYf,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;ADgBpB;;ACbA;EACE,gBAAgB;EAChB,kBAAkB;ADgBpB;;ACbA;EACE,kBAAkB;ADgBpB;;AE9CA;;;;EAIE,eAAe;AFiDjB;;AE9CA;EACE,cAAc;AFiDhB;;AE9CA;EACE,cHMiB;EGLjB,yBHZsB;EGctB,oBAAoB;EACpB,kBAAkB;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AF8Cf;;AE3CA;EACE,wBAAwB;AF8C1B;;AE3CA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AF8ClB;;AE3CA;EACE,mBAAmB;EACnB,kBAAkB;AF8CpB;;AE3CA;;;EAGE,mBHnCoB;ACiFtB;;AE3CA;;;;EAIE,+BH9Ce;AC4FjB;;AE3CA;;;;EAIE,0BAA0B;AF8C5B;;AE3CA;;;;EAIE,mBAAmB;EACnB,WAAW;AF8Cb;;AE3CA;EACE,cHvDwB;ACqG1B;;AE/CA;EACE,cHvDwB;ACqG1B;;AE/CA;EACE,cHvDwB;ACqG1B;;AE/CA;EACE,cHvDwB;ACqG1B;;AGtHA;EACE,qBAAqB;EACrB,cJIa;ACqHf;;AGtHA;EACE,0BAA0B;AHyH5B;;AI/HA;EACE,mBLAsB;EKCtB,cLOY;EKNZ,YAAY;EACZ,kBAAkB;AJkIpB;;AI/HA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;AJkIlB;;AK5IA;EACE,eAAe;AL+IjB;;AK5IA;EACE,YAAY;EACZ,6BNEc;AC6IhB;;AK5IA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;AL+Ib;;AK5IA;EACE,YAAY;EACZ,gBAAgB;AL+IlB;;AK5IA;EACE,gCNbc;AC4JhB;;AK5IA;EACE,yBNxBsB;ACuKxB;;AK5IA;EACE,YAAY;EACZ,WAAW;AL+Ib;;AK5IA;EACE,mBNjCsB;EMkCtB,kBAAkB;AL+IpB;;AK5IA;EACE,mBN5BoB;EM6BpB,kBAAkB;AL+IpB;;AK5IA;EACE,mBN7BgD;AC4KlD","file":"dark.css","sourcesContent":["body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: $text-main;\r\n background: $background;\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color $animation-duration linear,\r\n border-color $animation-duration linear,\r\n color $animation-duration linear,\r\n box-shadow $animation-duration linear,\r\n transform $animation-duration ease;\r\n}\r\n","$background: #202b38 !default;\r\n$background-alt: #161f27 !default;\r\n\r\n$text-main: #dbdbdb !default;\r\n$text-bright: #ffffff !default;\r\n\r\n$links: #41adff !default;\r\n$focus: #0096bfab !default;\r\n$border: #dbdbdb !default;\r\n$code: #ffbe85 !default;\r\n\r\n$button-hover: #324759 !default;\r\n$animation-duration: 0.1s !default;\r\n\r\n$scrollbar-thumb: $button-hover;\r\n$scrollbar-thumb-hover: lighten($button-hover, 8%);\r\n\r\n$form-placeholder: #a9a9a9 !default;\r\n$form-text: #ffffff !default;\r\n\r\n@import 'parts/core';","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 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, h2, h3, h4, h5, h6 {\n margin-bottom: 12px;\n}\n\nh1, h2, h3, h4, h5, h6, strong {\n color: #ffffff;\n}\n\nh1, h2, h3, h4, h5, h6, b, strong, th {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid #0096bfab;\n margin: 1.5em 1em;\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\nbutton,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']), select {\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']), select, 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='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","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6, strong {\r\n color: $text-bright;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6, b, strong, th {\r\n font-weight: 600;\r\n}\r\n\r\nblockquote {\r\n border-left: 4px solid $focus;\r\n margin: 1.5em 1em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']), select {\r\n display: block;\r\n}\r\n\r\ninput, select, button, textarea {\r\n color: $form-text;\r\n background-color: $background-alt;\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']), select, button, textarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton, input[type='submit'], input[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: $button-hover;\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px $focus;\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: .5;\r\n}\r\n\r\n::placeholder {\r\n color: $form-placeholder;\r\n}","a {\r\n text-decoration: none;\r\n color: $links;\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, kbd {\r\n background: $background-alt;\r\n color: $code;\r\n padding: 5px;\r\n border-radius: 6px;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}","img {\r\n max-width: 100%;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid $border;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd, th {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid $border;\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: $background-alt;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: $background-alt;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: $scrollbar-thumb;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: $scrollbar-thumb-hover;\r\n}"]} diff --git a/dist/dark.min.css b/dist/dark.min.css new file mode 100644 index 0000000..a36c9fa --- /dev/null +++ b/dist/dark.min.css @@ -0,0 +1,2 @@ +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 1em;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}blockquote cite{font-style:normal}button,input[type=button],input[type=checkbox],input[type=submit]{cursor:pointer}input:not([type=checkbox]),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]),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=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..30d5b59 --- /dev/null +++ b/dist/dark.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["parts/_base.scss","dark.scss","dark.css","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAAA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aCLiB,CDMjB,kBCTkB,CDWlB,iCEFF,CFKA,sBACE,wHEFF,CCbA,GACE,eAAgB,CAChB,YDgBF,CCbA,kBACE,kBDgBF,CCbA,yBACE,UDgBF,CCbA,8BACE,eDgBF,CCbA,WACE,yCFXe,CEYf,gBAAiB,CACjB,gBAAkB,CAClB,iBDgBF,CCbA,kBACE,eAAgB,CAChB,iBDgBF,CCbA,gBACE,iBDgBF,CE9CA,kEAIE,cFiDF,CE9CA,kCACE,aFiDF,CE9CA,6BACE,UHMiB,CGLjB,wBHZsB,CGctB,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YF8CF,CE3CA,kDACE,uBF8CF,CE3CA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eF8CF,CE3CA,6CACE,kBAAmB,CACnB,iBF8CF,CE3CA,+DAGE,kBF8CF,CE3CA,qDAIE,wCF8CF,CE3CA,8FAIE,yBF8CF,CE3CA,iEAIE,kBAAmB,CACnB,UF8CF,CE3CA,4BACE,aF8CF,CE/CA,uBACE,aF8CF,CE/CA,wBACE,aF8CF,CE/CA,cACE,aF8CF,CGtHA,EACE,oBAAqB,CACrB,aHyHF,CGtHA,QACE,yBHyHF,CI/HA,SACE,kBLAsB,CKCtB,aLOY,CKNZ,WAAY,CACZ,iBJkIF,CI/HA,SACE,YAAa,CACb,aAAc,CACd,eJkIF,CK5IA,IACE,cL+IF,CK5IA,GAEE,WNEc,CMFd,4BL+IF,CK5IA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UL+IF,CK5IA,MACE,WAAY,CACZ,eL+IF,CK5IA,GACE,+BL+IF,CK5IA,uBACE,wBL+IF,CK5IA,oBACE,WAAY,CACZ,UL+IF,CK5IA,0BACE,kBNjCsB,CMkCtB,iBAXF,CAcA,0BACE,kBN5BoB,CM6BpB,iBL+IF,CK5IA,gCACE,kBAXF","file":"dark.min.css","sourcesContent":["body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: $text-main;\r\n background: $background;\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color $animation-duration linear,\r\n border-color $animation-duration linear,\r\n color $animation-duration linear,\r\n box-shadow $animation-duration linear,\r\n transform $animation-duration ease;\r\n}\r\n","$background: #202b38 !default;\r\n$background-alt: #161f27 !default;\r\n\r\n$text-main: #dbdbdb !default;\r\n$text-bright: #ffffff !default;\r\n\r\n$links: #41adff !default;\r\n$focus: #0096bfab !default;\r\n$border: #dbdbdb !default;\r\n$code: #ffbe85 !default;\r\n\r\n$button-hover: #324759 !default;\r\n$animation-duration: 0.1s !default;\r\n\r\n$scrollbar-thumb: $button-hover;\r\n$scrollbar-thumb-hover: lighten($button-hover, 8%);\r\n\r\n$form-placeholder: #a9a9a9 !default;\r\n$form-text: #ffffff !default;\r\n\r\n@import 'parts/core';","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 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, h2, h3, h4, h5, h6 {\n margin-bottom: 12px;\n}\n\nh1, h2, h3, h4, h5, h6, strong {\n color: #ffffff;\n}\n\nh1, h2, h3, h4, h5, h6, b, strong, th {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid #0096bfab;\n margin: 1.5em 1em;\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\nbutton,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']), select {\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']), select, 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='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","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6, strong {\r\n color: $text-bright;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6, b, strong, th {\r\n font-weight: 600;\r\n}\r\n\r\nblockquote {\r\n border-left: 4px solid $focus;\r\n margin: 1.5em 1em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']), select {\r\n display: block;\r\n}\r\n\r\ninput, select, button, textarea {\r\n color: $form-text;\r\n background-color: $background-alt;\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']), select, button, textarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton, input[type='submit'], input[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: $button-hover;\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px $focus;\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: .5;\r\n}\r\n\r\n::placeholder {\r\n color: $form-placeholder;\r\n}","a {\r\n text-decoration: none;\r\n color: $links;\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, kbd {\r\n background: $background-alt;\r\n color: $code;\r\n padding: 5px;\r\n border-radius: 6px;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}","img {\r\n max-width: 100%;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid $border;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd, th {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid $border;\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: $background-alt;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: $background-alt;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: $scrollbar-thumb;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: $scrollbar-thumb-hover;\r\n}"]} \ No newline at end of file diff --git a/dist/light.css b/dist/light.css index e87761d..1dd67b6 100644 --- a/dist/light.css +++ b/dist/light.css @@ -1,2 +1,202 @@ -@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} +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 1em; + padding: 0.5em 1em; + font-style: italic; +} + +blockquote > footer { + margin-top: 10px; + font-style: normal; +} + +blockquote cite { + font-style: normal; +} + +button, +input[type='submit'], +input[type='button'], +input[type='checkbox'] { + cursor: pointer; +} + +input:not([type='checkbox']), 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']), 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='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 index 9887b0d..6ae02ed 100644 --- a/dist/light.css.map +++ b/dist/light.css.map @@ -1 +1 @@ -{"version":3,"sources":["parts/_typography.scss","parts/_base.scss","light.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAwDA,gBACiB,CCzDjB,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aCLiB,CDMjB,eCTkB,CDWlB,iCAAkC,CAGpC,sBACE,wHAI8C,CDnBhD,GACE,eAAgB,CAChB,YAAa,CAGf,kBAME,kBAAmB,CAGrB,yBAOE,UEjBmB,CFoBrB,8BASE,eAAgB,CAGlB,WACE,yCE9Be,CF+Bf,cAAiB,CACjB,gBAAkB,CAClB,iBAAkB,CAGpB,kBACE,eAAgB,CAChB,iBAAkB,CAOpB,wBACE,iBAAkB,CAGpB,uBACE,aAAe,CAGjB,oBACE,aAAe,CAGjB,oBACE,aAAe,CGjEjB,kEAIE,cAAe,CAGjB,oDAEE,aAAc,CAGhB,6BACE,UDKiB,CCJjB,wBDbsB,CCetB,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAGf,oEAEE,uBAAwB,CAG1B,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eAAgB,CAGlB,6CACE,kBAAmB,CACnB,iBAAkB,CAGpB,+DAGE,eDrCoB,CCwCtB,qDAIE,wCDhDe,CCmDjB,uHAKE,yBAA0B,CAG5B,iEAIE,kBAAmB,CACnB,UAAW,CAGb,4BACE,aD1DwB,CCyD1B,uBACE,aD1DwB,CCyD1B,wBACE,aD1DwB,CCyD1B,cACE,aD1DwB,CEjB1B,EACE,oBAAqB,CACrB,aFIa,CEDf,QACE,yBAA0B,CCN5B,SACE,kBHAsB,CGCtB,UHOY,CGNZ,WAAY,CACZ,iBAAkB,CAGpB,SACE,YAAa,CACb,aAAc,CACd,eAAgB,CCVlB,IACE,cAAe,CAGjB,GAEE,WJEc,CIFd,4BJEc,CIChB,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UAAW,CAGb,MACE,WAAY,CACZ,eAAgB,CAGlB,GACE,+BJbc,CIgBhB,uBACE,wBJxBsB,CI2BxB,oBACE,WAAY,CACZ,UAAW,CAGb,0BACE,kBJjCsB,CIkCtB,iBAAkB,CAGpB,0BACE,kBJzByC,CI0BzC,iBAAkB,CAGpB,gCACE,kBJ7BgD","file":"light.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}","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 +{"version":3,"sources":["parts/_base.scss","light.scss","light.css","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAAA;EACE,yKAAyK;EACzK,gBAAgB;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EAEf,cCLiB;EDMjB,mBCTkB;EDWlB,kCAAkC;AEFpC;;AFKA;EACE,kIAI8C;AENhD;;ACbA;EACE,gBAAgB;EAChB,aAAa;ADgBf;;ACbA;EACE,mBAAmB;ADgBrB;;ACbA;EACE,cFNmB;ACsBrB;;ACbA;EACE,gBAAgB;ADgBlB;;ACbA;EACE,gCFXe;EEYf,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;ADgBpB;;ACbA;EACE,gBAAgB;EAChB,kBAAkB;ADgBpB;;ACbA;EACE,kBAAkB;ADgBpB;;AE9CA;;;;EAIE,eAAe;AFiDjB;;AE9CA;EACE,cAAc;AFiDhB;;AE9CA;EACE,cHMiB;EGLjB,yBHZsB;EGctB,oBAAoB;EACpB,kBAAkB;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AF8Cf;;AE3CA;EACE,wBAAwB;AF8C1B;;AE3CA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AF8ClB;;AE3CA;EACE,mBAAmB;EACnB,kBAAkB;AF8CpB;;AE3CA;;;EAGE,mBHnCoB;ACiFtB;;AE3CA;;;;EAIE,+BH9Ce;AC4FjB;;AE3CA;;;;EAIE,0BAA0B;AF8C5B;;AE3CA;;;;EAIE,mBAAmB;EACnB,WAAW;AF8Cb;;AE3CA;EACE,cHvDwB;ACqG1B;;AE/CA;EACE,cHvDwB;ACqG1B;;AE/CA;EACE,cHvDwB;ACqG1B;;AE/CA;EACE,cHvDwB;ACqG1B;;AGtHA;EACE,qBAAqB;EACrB,cJIa;ACqHf;;AGtHA;EACE,0BAA0B;AHyH5B;;AI/HA;EACE,mBLAsB;EKCtB,cLOY;EKNZ,YAAY;EACZ,kBAAkB;AJkIpB;;AI/HA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;AJkIlB;;AK5IA;EACE,eAAe;AL+IjB;;AK5IA;EACE,YAAY;EACZ,6BNEc;AC6IhB;;AK5IA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;AL+Ib;;AK5IA;EACE,YAAY;EACZ,gBAAgB;AL+IlB;;AK5IA;EACE,gCNbc;AC4JhB;;AK5IA;EACE,yBNxBsB;ACuKxB;;AK5IA;EACE,YAAY;EACZ,WAAW;AL+Ib;;AK5IA;EACE,mBNjCsB;EMkCtB,kBAAkB;AL+IpB;;AK5IA;EACE,mBNzByC;EM0BzC,kBAAkB;AL+IpB;;AK5IA;EACE,mBN7BgD;AC4KlD","file":"light.css","sourcesContent":["body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: $text-main;\r\n background: $background;\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color $animation-duration linear,\r\n border-color $animation-duration linear,\r\n color $animation-duration linear,\r\n box-shadow $animation-duration linear,\r\n transform $animation-duration ease;\r\n}\r\n","$background: #ffffff !default;\r\n$background-alt: #efefef !default;\r\n\r\n$text-main: #363636 !default;\r\n$text-bright: #000000 !default;\r\n\r\n$links: #0076d1 !default;\r\n$focus: #0096bfab !default;\r\n$border: #dbdbdb !default;\r\n$code: #000000 !default;\r\n\r\n$button-hover: #dddddd !default;\r\n$animation-duration: 0.1s !default;\r\n\r\n$scrollbar-thumb: darken($button-hover, 3%);\r\n$scrollbar-thumb-hover: darken($button-hover, 10%);\r\n\r\n$form-placeholder: #949494 !default;\r\n$form-text: #000000 !default;\r\n\r\n@import 'parts/core';","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 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, h2, h3, h4, h5, h6 {\n margin-bottom: 12px;\n}\n\nh1, h2, h3, h4, h5, h6, strong {\n color: #000000;\n}\n\nh1, h2, h3, h4, h5, h6, b, strong, th {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid #0096bfab;\n margin: 1.5em 1em;\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\nbutton,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']), select {\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']), select, 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='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","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6, strong {\r\n color: $text-bright;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6, b, strong, th {\r\n font-weight: 600;\r\n}\r\n\r\nblockquote {\r\n border-left: 4px solid $focus;\r\n margin: 1.5em 1em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']), select {\r\n display: block;\r\n}\r\n\r\ninput, select, button, textarea {\r\n color: $form-text;\r\n background-color: $background-alt;\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']), select, button, textarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton, input[type='submit'], input[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: $button-hover;\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px $focus;\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: .5;\r\n}\r\n\r\n::placeholder {\r\n color: $form-placeholder;\r\n}","a {\r\n text-decoration: none;\r\n color: $links;\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, kbd {\r\n background: $background-alt;\r\n color: $code;\r\n padding: 5px;\r\n border-radius: 6px;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}","img {\r\n max-width: 100%;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid $border;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd, th {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid $border;\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: $background-alt;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: $background-alt;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: $scrollbar-thumb;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: $scrollbar-thumb-hover;\r\n}"]} diff --git a/dist/light.min.css b/dist/light.min.css new file mode 100644 index 0000000..925c25b --- /dev/null +++ b/dist/light.min.css @@ -0,0 +1,2 @@ +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 1em;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}blockquote cite{font-style:normal}button,input[type=button],input[type=checkbox],input[type=submit]{cursor:pointer}input:not([type=checkbox]),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]),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=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..e5f66c0 --- /dev/null +++ b/dist/light.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["parts/_base.scss","light.scss","light.css","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAAA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aCLiB,CDMjB,eCTkB,CDWlB,iCEFF,CFKA,sBACE,wHEFF,CCbA,GACE,eAAgB,CAChB,YDgBF,CCbA,kBACE,kBDgBF,CCbA,yBACE,UDgBF,CCbA,8BACE,eDgBF,CCbA,WACE,yCFXe,CEYf,gBAAiB,CACjB,gBAAkB,CAClB,iBDgBF,CCbA,kBACE,eAAgB,CAChB,iBDgBF,CCbA,gBACE,iBDgBF,CE9CA,kEAIE,cFiDF,CE9CA,kCACE,aFiDF,CE9CA,6BACE,UHMiB,CGLjB,wBHZsB,CGctB,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YF8CF,CE3CA,kDACE,uBF8CF,CE3CA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eF8CF,CE3CA,6CACE,kBAAmB,CACnB,iBF8CF,CE3CA,+DAGE,eF8CF,CE3CA,qDAIE,wCF8CF,CE3CA,8FAIE,yBF8CF,CE3CA,iEAIE,kBAAmB,CACnB,UF8CF,CE3CA,4BACE,aF8CF,CE/CA,uBACE,aF8CF,CE/CA,wBACE,aF8CF,CE/CA,cACE,aF8CF,CGtHA,EACE,oBAAqB,CACrB,aHyHF,CGtHA,QACE,yBHyHF,CI/HA,SACE,kBLAsB,CKCtB,ULOY,CKNZ,WAAY,CACZ,iBJkIF,CI/HA,SACE,YAAa,CACb,aAAc,CACd,eJkIF,CK5IA,IACE,cL+IF,CK5IA,GAEE,WNEc,CMFd,4BL+IF,CK5IA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UL+IF,CK5IA,MACE,WAAY,CACZ,eL+IF,CK5IA,GACE,+BL+IF,CK5IA,uBACE,wBL+IF,CK5IA,oBACE,WAAY,CACZ,UL+IF,CK5IA,0BACE,kBNjCsB,CMkCtB,iBAXF,CAcA,0BACE,kBNzByC,CM0BzC,iBL+IF,CK5IA,gCACE,kBAXF","file":"light.min.css","sourcesContent":["body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: $text-main;\r\n background: $background;\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color $animation-duration linear,\r\n border-color $animation-duration linear,\r\n color $animation-duration linear,\r\n box-shadow $animation-duration linear,\r\n transform $animation-duration ease;\r\n}\r\n","$background: #ffffff !default;\r\n$background-alt: #efefef !default;\r\n\r\n$text-main: #363636 !default;\r\n$text-bright: #000000 !default;\r\n\r\n$links: #0076d1 !default;\r\n$focus: #0096bfab !default;\r\n$border: #dbdbdb !default;\r\n$code: #000000 !default;\r\n\r\n$button-hover: #dddddd !default;\r\n$animation-duration: 0.1s !default;\r\n\r\n$scrollbar-thumb: darken($button-hover, 3%);\r\n$scrollbar-thumb-hover: darken($button-hover, 10%);\r\n\r\n$form-placeholder: #949494 !default;\r\n$form-text: #000000 !default;\r\n\r\n@import 'parts/core';","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 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, h2, h3, h4, h5, h6 {\n margin-bottom: 12px;\n}\n\nh1, h2, h3, h4, h5, h6, strong {\n color: #000000;\n}\n\nh1, h2, h3, h4, h5, h6, b, strong, th {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid #0096bfab;\n margin: 1.5em 1em;\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\nbutton,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']), select {\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']), select, 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='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","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6, strong {\r\n color: $text-bright;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6, b, strong, th {\r\n font-weight: 600;\r\n}\r\n\r\nblockquote {\r\n border-left: 4px solid $focus;\r\n margin: 1.5em 1em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']), select {\r\n display: block;\r\n}\r\n\r\ninput, select, button, textarea {\r\n color: $form-text;\r\n background-color: $background-alt;\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']), select, button, textarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton, input[type='submit'], input[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: $button-hover;\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px $focus;\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: .5;\r\n}\r\n\r\n::placeholder {\r\n color: $form-placeholder;\r\n}","a {\r\n text-decoration: none;\r\n color: $links;\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, kbd {\r\n background: $background-alt;\r\n color: $code;\r\n padding: 5px;\r\n border-radius: 6px;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}","img {\r\n max-width: 100%;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid $border;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd, th {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid $border;\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: $background-alt;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: $background-alt;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: $scrollbar-thumb;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: $scrollbar-thumb-hover;\r\n}"]} \ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js index 0383dec..c294d02 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -7,6 +7,8 @@ const sourcemaps = require('gulp-sourcemaps') const bytediff = require('gulp-bytediff') const browserSync = require('browser-sync').create() const chalk = require('chalk'); +const rename = require('gulp-rename'); +const filter = require('gulp-filter'); const paths = { styles: { @@ -44,17 +46,37 @@ function formatByteMessage(source, data) { function style() { return ( gulp.src(paths.styles.src) + // Add sourcemaps .pipe(sourcemaps.init()) - .pipe(sass()) + // Create a human readable sass file + .pipe(sass({outputStyle: 'expanded'})) + // Catch any sass errors .on('error', sass.logError) - .pipe(bytediff.start()) - .pipe(postcss([ autoprefixer()])) - .pipe(bytediff.stop((data) => formatByteMessage('autoprefixer', data))) - .pipe(bytediff.start()) - .pipe(postcss([cssnano()])) - .pipe(bytediff.stop((data) => formatByteMessage('cssnano', data))) + // Calculate size before autoprefixing + .pipe(bytediff.start()) + // autoprefix + .pipe(postcss([ autoprefixer()])) + // Write the amount gained by autoprefixing + .pipe(bytediff.stop((data) => formatByteMessage('autoprefixer', data))) + // Write the sourcemaps after making pre-minified changes .pipe(sourcemaps.write('.')) + // Write pre-minified styles .pipe(gulp.dest(paths.styles.dest)) + // Remove sourcemaps from the pipeline, only keep css + .pipe(filter('**/*.css')) + // Calculate size before minifying + .pipe(bytediff.start()) + // Minify using cssnano + .pipe(postcss([cssnano()])) + // Write the amount saved by minifying + .pipe(bytediff.stop((data) => formatByteMessage('cssnano', data))) + // Rename the files have the .min suffix + .pipe(rename({suffix: '.min' })) + // Write the sourcemaps after making all changes + .pipe(sourcemaps.write('.')) + // Write the minified files + .pipe(gulp.dest(paths.styles.dest)) + // Stream any changes to browserSync .pipe(browserSync.stream()) ) } diff --git a/package.json b/package.json index ca6d159..3d7cf5c 100644 --- a/package.json +++ b/package.json @@ -32,7 +32,9 @@ "gulp-bytediff": "^1.0.0", "gulp-postcss": "^8.0.0", "gulp-sass": "^4.0.2", - "gulp-sourcemaps": "^2.6.5" + "gulp-sourcemaps": "^2.6.5", + "gulp-filter": "^5.1.0", + "gulp-rename": "^1.4.0" }, "browserslist": [ "defaults AND not android 4.4.3" diff --git a/script.js b/script.js index f4d239d..a667fc4 100644 --- a/script.js +++ b/script.js @@ -1,11 +1,8 @@ document.getElementById('switch').addEventListener('click', () => { const stylesheet = document.getElementById('stylesheet') - const ph = document.getElementById('ph') - if (stylesheet.getAttribute('href') === 'dist/dark.css') { - stylesheet.setAttribute('href', 'dist/light.css') - ph.src = ph.src.replace('theme=dark', 'theme=light') + if (stylesheet.getAttribute('href') === 'dist/dark.min.css') { + stylesheet.setAttribute('href', 'dist/light.min.css') } else { - stylesheet.setAttribute('href', 'dist/dark.css') - ph.src = ph.src.replace('theme=light', 'theme=dark') + stylesheet.setAttribute('href', 'dist/dark.min.css') } }) \ No newline at end of file diff --git a/yarn.lock b/yarn.lock index 7c2b6b4..7b90684 100644 --- a/yarn.lock +++ b/yarn.lock @@ -76,6 +76,13 @@ ansi-colors@^1.0.1: dependencies: ansi-wrap "^0.1.0" +ansi-cyan@^0.1.1: + version "0.1.1" + resolved "https://registry.yarnpkg.com/ansi-cyan/-/ansi-cyan-0.1.1.tgz#538ae528af8982f28ae30d86f2f17456d2609873" + integrity sha1-U4rlKK+JgvKK4w2G8vF0VtJgmHM= + dependencies: + ansi-wrap "0.1.0" + ansi-gray@^0.1.1: version "0.1.1" resolved "https://registry.yarnpkg.com/ansi-gray/-/ansi-gray-0.1.1.tgz#2962cf54ec9792c48510a3deb524436861ef7251" @@ -83,6 +90,13 @@ ansi-gray@^0.1.1: dependencies: ansi-wrap "0.1.0" +ansi-red@^0.1.1: + version "0.1.1" + resolved "https://registry.yarnpkg.com/ansi-red/-/ansi-red-0.1.1.tgz#8c638f9d1080800a353c9c28c8a81ca4705d946c" + integrity sha1-jGOPnRCAgAo1PJwoyKgcpHBdlGw= + dependencies: + ansi-wrap "0.1.0" + ansi-regex@^2.0.0: version "2.1.1" resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df" @@ -150,6 +164,14 @@ argparse@^1.0.7: dependencies: sprintf-js "~1.0.2" +arr-diff@^1.0.1: + version "1.1.0" + resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-1.1.0.tgz#687c32758163588fef7de7b36fabe495eb1a399a" + integrity sha1-aHwydYFjWI/vfeezb6vklesaOZo= + dependencies: + arr-flatten "^1.0.1" + array-slice "^0.2.3" + arr-diff@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-2.0.0.tgz#8f3b827f955a8bd669697e4a4256ac3ceae356cf" @@ -181,6 +203,11 @@ arr-map@^2.0.0, arr-map@^2.0.2: dependencies: make-iterator "^1.0.0" +arr-union@^2.0.1: + version "2.1.0" + resolved "https://registry.yarnpkg.com/arr-union/-/arr-union-2.1.0.tgz#20f9eab5ec70f5c7d215b1077b1c39161d292c7d" + integrity sha1-IPnqtexw9cfSFbEHexw5Fh0pLH0= + arr-union@^3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/arr-union/-/arr-union-3.1.0.tgz#e39b09aea9def866a8f206e288af63919bae39c4" @@ -216,6 +243,11 @@ array-last@^1.1.1: dependencies: is-number "^4.0.0" +array-slice@^0.2.3: + version "0.2.3" + resolved "https://registry.yarnpkg.com/array-slice/-/array-slice-0.2.3.tgz#dd3cfb80ed7973a75117cdac69b0b99ec86186f5" + integrity sha1-3Tz7gO15c6dRF82sabC5nshhhvU= + array-slice@^1.0.0: version "1.1.0" resolved "https://registry.yarnpkg.com/array-slice/-/array-slice-1.1.0.tgz#e368ea15f89bc7069f7ffb89aec3a6c7d4ac22d4" @@ -230,7 +262,14 @@ array-sort@^1.0.0: get-value "^2.0.6" kind-of "^5.0.2" -array-uniq@^1.0.2: +array-union@^1.0.1: + version "1.0.2" + resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39" + integrity sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk= + dependencies: + array-uniq "^1.0.1" + +array-uniq@^1.0.1, array-uniq@^1.0.2: version "1.0.3" resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6" integrity sha1-r2rId6Jcx/dOBYiUdThY39sk/bY= @@ -250,6 +289,11 @@ arraybuffer.slice@~0.0.7: resolved "https://registry.yarnpkg.com/arraybuffer.slice/-/arraybuffer.slice-0.0.7.tgz#3bbc4275dd584cc1b10809b89d4e8b63a69e7675" integrity sha512-wGUIVQXuehL5TCqQun8OW81jGzAWycqzFF8lFp+GOM5BXLYj3bKNsYC4daB7n6XjCqxQA/qgTJ+8ANR3acjrog== +arrify@^1.0.0: + version "1.0.1" + resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d" + integrity sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0= + asn1@~0.2.3: version "0.2.4" resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.4.tgz#8d2475dfab553bb33e77b54e59e880bb8ce23136" @@ -1522,6 +1566,13 @@ expand-tilde@^2.0.0, expand-tilde@^2.0.2: dependencies: homedir-polyfill "^1.0.1" +extend-shallow@^1.1.2: + version "1.1.4" + resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-1.1.4.tgz#19d6bf94dfc09d76ba711f39b872d21ff4dd9071" + integrity sha1-Gda/lN/AnXa6cR85uHLSH/TdkHE= + dependencies: + kind-of "^1.1.0" + extend-shallow@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f" @@ -1973,6 +2024,15 @@ gulp-cli@^2.0.0: v8flags "^3.0.1" yargs "^7.1.0" +gulp-filter@^5.1.0: + version "5.1.0" + resolved "https://registry.yarnpkg.com/gulp-filter/-/gulp-filter-5.1.0.tgz#a05e11affb07cf7dcf41a7de1cb7b63ac3783e73" + integrity sha1-oF4Rr/sHz33PQafeHLe2OsN4PnM= + dependencies: + multimatch "^2.0.0" + plugin-error "^0.1.2" + streamfilter "^1.0.5" + gulp-postcss@^8.0.0: version "8.0.0" resolved "https://registry.yarnpkg.com/gulp-postcss/-/gulp-postcss-8.0.0.tgz#8d3772cd4d27bca55ec8cb4c8e576e3bde4dc550" @@ -1984,6 +2044,11 @@ gulp-postcss@^8.0.0: postcss-load-config "^2.0.0" vinyl-sourcemaps-apply "^0.2.1" +gulp-rename@^1.4.0: + version "1.4.0" + resolved "https://registry.yarnpkg.com/gulp-rename/-/gulp-rename-1.4.0.tgz#de1c718e7c4095ae861f7296ef4f3248648240bd" + integrity sha512-swzbIGb/arEoFK89tPY58vg3Ok1bw+d35PfUNwWqdo7KM4jkmuGA78JiDNqR+JeZFaeeHnRg9N7aihX3YPmsyg== + gulp-sass@^4.0.2: version "4.0.2" resolved "https://registry.yarnpkg.com/gulp-sass/-/gulp-sass-4.0.2.tgz#cfb1e3eff2bd9852431c7ce87f43880807d8d505" @@ -2712,6 +2777,11 @@ just-debounce@^1.0.0: resolved "https://registry.yarnpkg.com/just-debounce/-/just-debounce-1.0.0.tgz#87fccfaeffc0b68cd19d55f6722943f929ea35ea" integrity sha1-h/zPrv/AtozRnVX2cilD+SnqNeo= +kind-of@^1.1.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-1.1.0.tgz#140a3d2d41a36d2efcfa9377b62c24f8495a5c44" + integrity sha1-FAo9LUGjbS78+pN3tiwk+ElaXEQ= + kind-of@^3.0.2, kind-of@^3.0.3, kind-of@^3.2.0: version "3.2.2" resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64" @@ -3096,7 +3166,7 @@ mime@1.4.1: resolved "https://registry.yarnpkg.com/mime/-/mime-1.4.1.tgz#121f9ebc49e3766f311a76e1fa1c8003c4b03aa6" integrity sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ== -minimatch@^3.0.2, minimatch@^3.0.4, minimatch@~3.0.2: +minimatch@^3.0.0, minimatch@^3.0.2, minimatch@^3.0.4, minimatch@~3.0.2: version "3.0.4" resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083" integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA== @@ -3158,6 +3228,16 @@ ms@^2.1.1: resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.1.tgz#30a5864eb3ebb0a66f2ebe6d727af06a09d86e0a" integrity sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg== +multimatch@^2.0.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/multimatch/-/multimatch-2.1.0.tgz#9c7906a22fb4c02919e2f5f75161b4cdbd4b2a2b" + integrity sha1-nHkGoi+0wCkZ4vX3UWG0zb1LKis= + dependencies: + array-differ "^1.0.0" + array-union "^1.0.1" + arrify "^1.0.0" + minimatch "^3.0.0" + multipipe@^0.1.2: version "0.1.2" resolved "https://registry.yarnpkg.com/multipipe/-/multipipe-0.1.2.tgz#2a8f2ddf70eed564dff2d57f1e1a137d9f05078b" @@ -3677,6 +3757,17 @@ pinkie@^2.0.0: resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870" integrity sha1-clVrgM+g1IqXToDnckjoDtT3+HA= +plugin-error@^0.1.2: + version "0.1.2" + resolved "https://registry.yarnpkg.com/plugin-error/-/plugin-error-0.1.2.tgz#3b9bb3335ccf00f425e07437e19276967da47ace" + integrity sha1-O5uzM1zPAPQl4HQ34ZJ2ln2kes4= + dependencies: + ansi-cyan "^0.1.1" + ansi-red "^0.1.1" + arr-diff "^1.0.1" + arr-union "^2.0.1" + extend-shallow "^1.1.2" + plugin-error@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/plugin-error/-/plugin-error-1.0.1.tgz#77016bd8919d0ac377fdcdd0322328953ca5781c" @@ -4751,6 +4842,13 @@ stream-throttle@^0.1.3: commander "^2.2.0" limiter "^1.0.5" +streamfilter@^1.0.5: + version "1.0.7" + resolved "https://registry.yarnpkg.com/streamfilter/-/streamfilter-1.0.7.tgz#ae3e64522aa5a35c061fd17f67620c7653c643c9" + integrity sha512-Gk6KZM+yNA1JpW0KzlZIhjo3EaBJDkYfXtYSbOwNIQ7Zd6006E6+sCFlW1NDvFG/vnXhKmw6TJJgiEQg/8lXfQ== + dependencies: + readable-stream "^2.0.2" + string-width@^1.0.1, string-width@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3" From 0d72b0675d34663319ddb08c384bcaed097def08 Mon Sep 17 00:00:00 2001 From: Kyle Pollard Date: Thu, 11 Apr 2019 22:55:58 -0700 Subject: [PATCH 03/44] Made demo page use .min.css files --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 727cb6f..f6f4007 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,7 @@ Water.css - + From d3851506f3ca1031256db6bbc5dcbe81de6305df Mon Sep 17 00:00:00 2001 From: Kyle Pollard Date: Thu, 11 Apr 2019 23:18:42 -0700 Subject: [PATCH 04/44] Added .gitattributes to ignore built files --- .gitattributes | 1 + 1 file changed, 1 insertion(+) create mode 100644 .gitattributes diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..b08b675 --- /dev/null +++ b/.gitattributes @@ -0,0 +1 @@ +/dist/* -diff \ No newline at end of file From aebf27c2891d4d74e6668626e632a0257c40cd2b Mon Sep 17 00:00:00 2001 From: Kyle Pollard Date: Sat, 20 Apr 2019 09:40:31 -0700 Subject: [PATCH 05/44] Updated README.md with .min files --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 3ab413b..bf64411 100644 --- a/README.md +++ b/README.md @@ -34,10 +34,10 @@ You probably don't want to use it for a production app or something that has mor Just stick this in your head: ```html - + ``` -Well, there's a dark theme and a light theme. If you want the light theme, use `light.css` instead of `dark.css`. See [Theming](#theming) to make your own theme! +Well, there's a dark theme and a light theme. If you want the light theme, use `light.min.css` instead of `dark.min.css`. See [Theming](#theming) to make your own theme! No other classes or code is required to make Water.css work. If you want a specific version, you can replace `@latest` with `@version`. See [all the versions](https://github.com/kognise/water.css/releases). From 1d48b7757db737e57b75c902d315868fcede905c Mon Sep 17 00:00:00 2001 From: Kyle Pollard Date: Sat, 20 Apr 2019 12:32:57 -0700 Subject: [PATCH 06/44] Run build before merging --- dist/dark.css | 51 +++++++++++++++++++++++++++++++++++++----- dist/dark.css.map | 2 +- dist/dark.min.css | 2 +- dist/dark.min.css.map | 2 +- dist/light.css | 51 +++++++++++++++++++++++++++++++++++++----- dist/light.css.map | 2 +- dist/light.min.css | 2 +- dist/light.min.css.map | 2 +- 8 files changed, 96 insertions(+), 18 deletions(-) diff --git a/dist/dark.css b/dist/dark.css index 02f6655..43a72e9 100644 --- a/dist/dark.css +++ b/dist/dark.css @@ -1,3 +1,4 @@ +@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; @@ -18,21 +19,40 @@ h1 { margin-top: 0; } -h1, h2, h3, h4, h5, h6 { +h1, +h2, +h3, +h4, +h5, +h6 { margin-bottom: 12px; } -h1, h2, h3, h4, h5, h6, strong { +h1, +h2, +h3, +h4, +h5, +h6, +strong { color: #ffffff; } -h1, h2, h3, h4, h5, h6, b, strong, th { +h1, +h2, +h3, +h4, +h5, +h6, +b, +strong, +th { font-weight: 600; } blockquote { border-left: 4px solid #0096bfab; - margin: 1.5em 1em; + margin: 1.5em 0em; padding: 0.5em 1em; font-style: italic; } @@ -46,6 +66,22 @@ 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'], @@ -53,7 +89,8 @@ input[type='checkbox'] { cursor: pointer; } -input:not([type='checkbox']), select { +input:not([type='checkbox']):not([type='radio']), +select { display: block; } @@ -70,7 +107,8 @@ input, select, button, textarea { outline: none; } -input:not([type='checkbox']), select, button, textarea { +input:not([type='checkbox']):not([type='radio']), +select, button, textarea { -webkit-appearance: none; } @@ -100,6 +138,7 @@ textarea:focus { } input[type='checkbox']:active, +input[type='radio']:active, input[type='submit']:active, input[type='button']:active, button:active { diff --git a/dist/dark.css.map b/dist/dark.css.map index f3608f8..094e77b 100644 --- a/dist/dark.css.map +++ b/dist/dark.css.map @@ -1 +1 @@ -{"version":3,"sources":["parts/_base.scss","dark.scss","dark.css","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAAA;EACE,yKAAyK;EACzK,gBAAgB;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EAEf,cCLiB;EDMjB,mBCTkB;EDWlB,kCAAkC;AEFpC;;AFKA;EACE,kIAI8C;AENhD;;ACbA;EACE,gBAAgB;EAChB,aAAa;ADgBf;;ACbA;EACE,mBAAmB;ADgBrB;;ACbA;EACE,cFNmB;ACsBrB;;ACbA;EACE,gBAAgB;ADgBlB;;ACbA;EACE,gCFXe;EEYf,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;ADgBpB;;ACbA;EACE,gBAAgB;EAChB,kBAAkB;ADgBpB;;ACbA;EACE,kBAAkB;ADgBpB;;AE9CA;;;;EAIE,eAAe;AFiDjB;;AE9CA;EACE,cAAc;AFiDhB;;AE9CA;EACE,cHMiB;EGLjB,yBHZsB;EGctB,oBAAoB;EACpB,kBAAkB;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AF8Cf;;AE3CA;EACE,wBAAwB;AF8C1B;;AE3CA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AF8ClB;;AE3CA;EACE,mBAAmB;EACnB,kBAAkB;AF8CpB;;AE3CA;;;EAGE,mBHnCoB;ACiFtB;;AE3CA;;;;EAIE,+BH9Ce;AC4FjB;;AE3CA;;;;EAIE,0BAA0B;AF8C5B;;AE3CA;;;;EAIE,mBAAmB;EACnB,WAAW;AF8Cb;;AE3CA;EACE,cHvDwB;ACqG1B;;AE/CA;EACE,cHvDwB;ACqG1B;;AE/CA;EACE,cHvDwB;ACqG1B;;AE/CA;EACE,cHvDwB;ACqG1B;;AGtHA;EACE,qBAAqB;EACrB,cJIa;ACqHf;;AGtHA;EACE,0BAA0B;AHyH5B;;AI/HA;EACE,mBLAsB;EKCtB,cLOY;EKNZ,YAAY;EACZ,kBAAkB;AJkIpB;;AI/HA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;AJkIlB;;AK5IA;EACE,eAAe;AL+IjB;;AK5IA;EACE,YAAY;EACZ,6BNEc;AC6IhB;;AK5IA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;AL+Ib;;AK5IA;EACE,YAAY;EACZ,gBAAgB;AL+IlB;;AK5IA;EACE,gCNbc;AC4JhB;;AK5IA;EACE,yBNxBsB;ACuKxB;;AK5IA;EACE,YAAY;EACZ,WAAW;AL+Ib;;AK5IA;EACE,mBNjCsB;EMkCtB,kBAAkB;AL+IpB;;AK5IA;EACE,mBN5BoB;EM6BpB,kBAAkB;AL+IpB;;AK5IA;EACE,mBN7BgD;AC4KlD","file":"dark.css","sourcesContent":["body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: $text-main;\r\n background: $background;\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color $animation-duration linear,\r\n border-color $animation-duration linear,\r\n color $animation-duration linear,\r\n box-shadow $animation-duration linear,\r\n transform $animation-duration ease;\r\n}\r\n","$background: #202b38 !default;\r\n$background-alt: #161f27 !default;\r\n\r\n$text-main: #dbdbdb !default;\r\n$text-bright: #ffffff !default;\r\n\r\n$links: #41adff !default;\r\n$focus: #0096bfab !default;\r\n$border: #dbdbdb !default;\r\n$code: #ffbe85 !default;\r\n\r\n$button-hover: #324759 !default;\r\n$animation-duration: 0.1s !default;\r\n\r\n$scrollbar-thumb: $button-hover;\r\n$scrollbar-thumb-hover: lighten($button-hover, 8%);\r\n\r\n$form-placeholder: #a9a9a9 !default;\r\n$form-text: #ffffff !default;\r\n\r\n@import 'parts/core';","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 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, h2, h3, h4, h5, h6 {\n margin-bottom: 12px;\n}\n\nh1, h2, h3, h4, h5, h6, strong {\n color: #ffffff;\n}\n\nh1, h2, h3, h4, h5, h6, b, strong, th {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid #0096bfab;\n margin: 1.5em 1em;\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\nbutton,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']), select {\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']), select, 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='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","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6, strong {\r\n color: $text-bright;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6, b, strong, th {\r\n font-weight: 600;\r\n}\r\n\r\nblockquote {\r\n border-left: 4px solid $focus;\r\n margin: 1.5em 1em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']), select {\r\n display: block;\r\n}\r\n\r\ninput, select, button, textarea {\r\n color: $form-text;\r\n background-color: $background-alt;\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']), select, button, textarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton, input[type='submit'], input[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: $button-hover;\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px $focus;\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: .5;\r\n}\r\n\r\n::placeholder {\r\n color: $form-placeholder;\r\n}","a {\r\n text-decoration: none;\r\n color: $links;\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, kbd {\r\n background: $background-alt;\r\n color: $code;\r\n padding: 5px;\r\n border-radius: 6px;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}","img {\r\n max-width: 100%;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid $border;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd, th {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid $border;\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: $background-alt;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: $background-alt;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: $scrollbar-thumb;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: $scrollbar-thumb-hover;\r\n}"]} +{"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 {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: $text-main;\r\n background: $background;\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color $animation-duration linear,\r\n border-color $animation-duration linear,\r\n color $animation-duration linear,\r\n box-shadow $animation-duration linear,\r\n transform $animation-duration ease;\r\n}\r\n","$background: #202b38 !default;\r\n$background-alt: #161f27 !default;\r\n\r\n$text-main: #dbdbdb !default;\r\n$text-bright: #ffffff !default;\r\n\r\n$links: #41adff !default;\r\n$focus: #0096bfab !default;\r\n$border: #dbdbdb !default;\r\n$code: #ffbe85 !default;\r\n\r\n$button-hover: #324759 !default;\r\n$animation-duration: 0.1s !default;\r\n\r\n$scrollbar-thumb: $button-hover;\r\n$scrollbar-thumb-hover: lighten($button-hover, 8%);\r\n\r\n$form-placeholder: #a9a9a9 !default;\r\n$form-text: #ffffff !default;\r\n\r\n@import 'parts/core';","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n color: $text-bright;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n font-weight: 600;\r\n}\r\n\r\nblockquote {\r\n border-left: 4px solid $focus;\r\n margin: 1.5em 0em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n content: '💬 ';\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n display: block;\r\n}\r\n\r\ninput, select, button, textarea {\r\n color: $form-text;\r\n background-color: $background-alt;\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect, button, textarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton, input[type='submit'], input[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: $button-hover;\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px $focus;\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: .5;\r\n}\r\n\r\n::placeholder {\r\n color: $form-placeholder;\r\n}","a {\r\n text-decoration: none;\r\n color: $links;\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, kbd {\r\n background: $background-alt;\r\n color: $code;\r\n padding: 5px;\r\n border-radius: 6px;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}","img {\r\n max-width: 100%;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid $border;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd, th {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid $border;\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: $background-alt;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: $background-alt;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: $scrollbar-thumb;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: $scrollbar-thumb-hover;\r\n}"]} \ No newline at end of file diff --git a/dist/dark.min.css b/dist/dark.min.css index a36c9fa..9ca1556 100644 --- a/dist/dark.min.css +++ b/dist/dark.min.css @@ -1,2 +1,2 @@ -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 1em;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}blockquote cite{font-style:normal}button,input[type=button],input[type=checkbox],input[type=submit]{cursor:pointer}input:not([type=checkbox]),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]),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=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} +@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 index 30d5b59..a2f3189 100644 --- a/dist/dark.min.css.map +++ b/dist/dark.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["parts/_base.scss","dark.scss","dark.css","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAAA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aCLiB,CDMjB,kBCTkB,CDWlB,iCEFF,CFKA,sBACE,wHEFF,CCbA,GACE,eAAgB,CAChB,YDgBF,CCbA,kBACE,kBDgBF,CCbA,yBACE,UDgBF,CCbA,8BACE,eDgBF,CCbA,WACE,yCFXe,CEYf,gBAAiB,CACjB,gBAAkB,CAClB,iBDgBF,CCbA,kBACE,eAAgB,CAChB,iBDgBF,CCbA,gBACE,iBDgBF,CE9CA,kEAIE,cFiDF,CE9CA,kCACE,aFiDF,CE9CA,6BACE,UHMiB,CGLjB,wBHZsB,CGctB,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YF8CF,CE3CA,kDACE,uBF8CF,CE3CA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eF8CF,CE3CA,6CACE,kBAAmB,CACnB,iBF8CF,CE3CA,+DAGE,kBF8CF,CE3CA,qDAIE,wCF8CF,CE3CA,8FAIE,yBF8CF,CE3CA,iEAIE,kBAAmB,CACnB,UF8CF,CE3CA,4BACE,aF8CF,CE/CA,uBACE,aF8CF,CE/CA,wBACE,aF8CF,CE/CA,cACE,aF8CF,CGtHA,EACE,oBAAqB,CACrB,aHyHF,CGtHA,QACE,yBHyHF,CI/HA,SACE,kBLAsB,CKCtB,aLOY,CKNZ,WAAY,CACZ,iBJkIF,CI/HA,SACE,YAAa,CACb,aAAc,CACd,eJkIF,CK5IA,IACE,cL+IF,CK5IA,GAEE,WNEc,CMFd,4BL+IF,CK5IA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UL+IF,CK5IA,MACE,WAAY,CACZ,eL+IF,CK5IA,GACE,+BL+IF,CK5IA,uBACE,wBL+IF,CK5IA,oBACE,WAAY,CACZ,UL+IF,CK5IA,0BACE,kBNjCsB,CMkCtB,iBAXF,CAcA,0BACE,kBN5BoB,CM6BpB,iBL+IF,CK5IA,gCACE,kBAXF","file":"dark.min.css","sourcesContent":["body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: $text-main;\r\n background: $background;\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color $animation-duration linear,\r\n border-color $animation-duration linear,\r\n color $animation-duration linear,\r\n box-shadow $animation-duration linear,\r\n transform $animation-duration ease;\r\n}\r\n","$background: #202b38 !default;\r\n$background-alt: #161f27 !default;\r\n\r\n$text-main: #dbdbdb !default;\r\n$text-bright: #ffffff !default;\r\n\r\n$links: #41adff !default;\r\n$focus: #0096bfab !default;\r\n$border: #dbdbdb !default;\r\n$code: #ffbe85 !default;\r\n\r\n$button-hover: #324759 !default;\r\n$animation-duration: 0.1s !default;\r\n\r\n$scrollbar-thumb: $button-hover;\r\n$scrollbar-thumb-hover: lighten($button-hover, 8%);\r\n\r\n$form-placeholder: #a9a9a9 !default;\r\n$form-text: #ffffff !default;\r\n\r\n@import 'parts/core';","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 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, h2, h3, h4, h5, h6 {\n margin-bottom: 12px;\n}\n\nh1, h2, h3, h4, h5, h6, strong {\n color: #ffffff;\n}\n\nh1, h2, h3, h4, h5, h6, b, strong, th {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid #0096bfab;\n margin: 1.5em 1em;\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\nbutton,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']), select {\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']), select, 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='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","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6, strong {\r\n color: $text-bright;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6, b, strong, th {\r\n font-weight: 600;\r\n}\r\n\r\nblockquote {\r\n border-left: 4px solid $focus;\r\n margin: 1.5em 1em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']), select {\r\n display: block;\r\n}\r\n\r\ninput, select, button, textarea {\r\n color: $form-text;\r\n background-color: $background-alt;\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']), select, button, textarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton, input[type='submit'], input[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: $button-hover;\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px $focus;\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: .5;\r\n}\r\n\r\n::placeholder {\r\n color: $form-placeholder;\r\n}","a {\r\n text-decoration: none;\r\n color: $links;\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, kbd {\r\n background: $background-alt;\r\n color: $code;\r\n padding: 5px;\r\n border-radius: 6px;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}","img {\r\n max-width: 100%;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid $border;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd, th {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid $border;\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: $background-alt;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: $background-alt;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: $scrollbar-thumb;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: $scrollbar-thumb-hover;\r\n}"]} \ No newline at end of file +{"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 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n color: $text-bright;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n font-weight: 600;\r\n}\r\n\r\nblockquote {\r\n border-left: 4px solid $focus;\r\n margin: 1.5em 0em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n content: '💬 ';\r\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 {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: $text-main;\r\n background: $background;\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color $animation-duration linear,\r\n border-color $animation-duration linear,\r\n color $animation-duration linear,\r\n box-shadow $animation-duration linear,\r\n transform $animation-duration ease;\r\n}\r\n","$background: #202b38 !default;\r\n$background-alt: #161f27 !default;\r\n\r\n$text-main: #dbdbdb !default;\r\n$text-bright: #ffffff !default;\r\n\r\n$links: #41adff !default;\r\n$focus: #0096bfab !default;\r\n$border: #dbdbdb !default;\r\n$code: #ffbe85 !default;\r\n\r\n$button-hover: #324759 !default;\r\n$animation-duration: 0.1s !default;\r\n\r\n$scrollbar-thumb: $button-hover;\r\n$scrollbar-thumb-hover: lighten($button-hover, 8%);\r\n\r\n$form-placeholder: #a9a9a9 !default;\r\n$form-text: #ffffff !default;\r\n\r\n@import 'parts/core';","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n display: block;\r\n}\r\n\r\ninput, select, button, textarea {\r\n color: $form-text;\r\n background-color: $background-alt;\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect, button, textarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton, input[type='submit'], input[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: $button-hover;\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px $focus;\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: .5;\r\n}\r\n\r\n::placeholder {\r\n color: $form-placeholder;\r\n}","a {\r\n text-decoration: none;\r\n color: $links;\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, kbd {\r\n background: $background-alt;\r\n color: $code;\r\n padding: 5px;\r\n border-radius: 6px;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}","img {\r\n max-width: 100%;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid $border;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd, th {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid $border;\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: $background-alt;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: $background-alt;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: $scrollbar-thumb;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: $scrollbar-thumb-hover;\r\n}"]} \ No newline at end of file diff --git a/dist/light.css b/dist/light.css index 1dd67b6..e2ea9a8 100644 --- a/dist/light.css +++ b/dist/light.css @@ -1,3 +1,4 @@ +@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; @@ -18,21 +19,40 @@ h1 { margin-top: 0; } -h1, h2, h3, h4, h5, h6 { +h1, +h2, +h3, +h4, +h5, +h6 { margin-bottom: 12px; } -h1, h2, h3, h4, h5, h6, strong { +h1, +h2, +h3, +h4, +h5, +h6, +strong { color: #000000; } -h1, h2, h3, h4, h5, h6, b, strong, th { +h1, +h2, +h3, +h4, +h5, +h6, +b, +strong, +th { font-weight: 600; } blockquote { border-left: 4px solid #0096bfab; - margin: 1.5em 1em; + margin: 1.5em 0em; padding: 0.5em 1em; font-style: italic; } @@ -46,6 +66,22 @@ 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'], @@ -53,7 +89,8 @@ input[type='checkbox'] { cursor: pointer; } -input:not([type='checkbox']), select { +input:not([type='checkbox']):not([type='radio']), +select { display: block; } @@ -70,7 +107,8 @@ input, select, button, textarea { outline: none; } -input:not([type='checkbox']), select, button, textarea { +input:not([type='checkbox']):not([type='radio']), +select, button, textarea { -webkit-appearance: none; } @@ -100,6 +138,7 @@ textarea:focus { } input[type='checkbox']:active, +input[type='radio']:active, input[type='submit']:active, input[type='button']:active, button:active { diff --git a/dist/light.css.map b/dist/light.css.map index 6ae02ed..7b8b05a 100644 --- a/dist/light.css.map +++ b/dist/light.css.map @@ -1 +1 @@ -{"version":3,"sources":["parts/_base.scss","light.scss","light.css","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAAA;EACE,yKAAyK;EACzK,gBAAgB;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EAEf,cCLiB;EDMjB,mBCTkB;EDWlB,kCAAkC;AEFpC;;AFKA;EACE,kIAI8C;AENhD;;ACbA;EACE,gBAAgB;EAChB,aAAa;ADgBf;;ACbA;EACE,mBAAmB;ADgBrB;;ACbA;EACE,cFNmB;ACsBrB;;ACbA;EACE,gBAAgB;ADgBlB;;ACbA;EACE,gCFXe;EEYf,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;ADgBpB;;ACbA;EACE,gBAAgB;EAChB,kBAAkB;ADgBpB;;ACbA;EACE,kBAAkB;ADgBpB;;AE9CA;;;;EAIE,eAAe;AFiDjB;;AE9CA;EACE,cAAc;AFiDhB;;AE9CA;EACE,cHMiB;EGLjB,yBHZsB;EGctB,oBAAoB;EACpB,kBAAkB;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AF8Cf;;AE3CA;EACE,wBAAwB;AF8C1B;;AE3CA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AF8ClB;;AE3CA;EACE,mBAAmB;EACnB,kBAAkB;AF8CpB;;AE3CA;;;EAGE,mBHnCoB;ACiFtB;;AE3CA;;;;EAIE,+BH9Ce;AC4FjB;;AE3CA;;;;EAIE,0BAA0B;AF8C5B;;AE3CA;;;;EAIE,mBAAmB;EACnB,WAAW;AF8Cb;;AE3CA;EACE,cHvDwB;ACqG1B;;AE/CA;EACE,cHvDwB;ACqG1B;;AE/CA;EACE,cHvDwB;ACqG1B;;AE/CA;EACE,cHvDwB;ACqG1B;;AGtHA;EACE,qBAAqB;EACrB,cJIa;ACqHf;;AGtHA;EACE,0BAA0B;AHyH5B;;AI/HA;EACE,mBLAsB;EKCtB,cLOY;EKNZ,YAAY;EACZ,kBAAkB;AJkIpB;;AI/HA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;AJkIlB;;AK5IA;EACE,eAAe;AL+IjB;;AK5IA;EACE,YAAY;EACZ,6BNEc;AC6IhB;;AK5IA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;AL+Ib;;AK5IA;EACE,YAAY;EACZ,gBAAgB;AL+IlB;;AK5IA;EACE,gCNbc;AC4JhB;;AK5IA;EACE,yBNxBsB;ACuKxB;;AK5IA;EACE,YAAY;EACZ,WAAW;AL+Ib;;AK5IA;EACE,mBNjCsB;EMkCtB,kBAAkB;AL+IpB;;AK5IA;EACE,mBNzByC;EM0BzC,kBAAkB;AL+IpB;;AK5IA;EACE,mBN7BgD;AC4KlD","file":"light.css","sourcesContent":["body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: $text-main;\r\n background: $background;\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color $animation-duration linear,\r\n border-color $animation-duration linear,\r\n color $animation-duration linear,\r\n box-shadow $animation-duration linear,\r\n transform $animation-duration ease;\r\n}\r\n","$background: #ffffff !default;\r\n$background-alt: #efefef !default;\r\n\r\n$text-main: #363636 !default;\r\n$text-bright: #000000 !default;\r\n\r\n$links: #0076d1 !default;\r\n$focus: #0096bfab !default;\r\n$border: #dbdbdb !default;\r\n$code: #000000 !default;\r\n\r\n$button-hover: #dddddd !default;\r\n$animation-duration: 0.1s !default;\r\n\r\n$scrollbar-thumb: darken($button-hover, 3%);\r\n$scrollbar-thumb-hover: darken($button-hover, 10%);\r\n\r\n$form-placeholder: #949494 !default;\r\n$form-text: #000000 !default;\r\n\r\n@import 'parts/core';","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 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, h2, h3, h4, h5, h6 {\n margin-bottom: 12px;\n}\n\nh1, h2, h3, h4, h5, h6, strong {\n color: #000000;\n}\n\nh1, h2, h3, h4, h5, h6, b, strong, th {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid #0096bfab;\n margin: 1.5em 1em;\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\nbutton,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']), select {\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']), select, 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='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","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6, strong {\r\n color: $text-bright;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6, b, strong, th {\r\n font-weight: 600;\r\n}\r\n\r\nblockquote {\r\n border-left: 4px solid $focus;\r\n margin: 1.5em 1em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']), select {\r\n display: block;\r\n}\r\n\r\ninput, select, button, textarea {\r\n color: $form-text;\r\n background-color: $background-alt;\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']), select, button, textarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton, input[type='submit'], input[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: $button-hover;\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px $focus;\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: .5;\r\n}\r\n\r\n::placeholder {\r\n color: $form-placeholder;\r\n}","a {\r\n text-decoration: none;\r\n color: $links;\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, kbd {\r\n background: $background-alt;\r\n color: $code;\r\n padding: 5px;\r\n border-radius: 6px;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}","img {\r\n max-width: 100%;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid $border;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd, th {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid $border;\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: $background-alt;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: $background-alt;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: $scrollbar-thumb;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: $scrollbar-thumb-hover;\r\n}"]} +{"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 {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: $text-main;\r\n background: $background;\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color $animation-duration linear,\r\n border-color $animation-duration linear,\r\n color $animation-duration linear,\r\n box-shadow $animation-duration linear,\r\n transform $animation-duration ease;\r\n}\r\n","$background: #ffffff !default;\r\n$background-alt: #efefef !default;\r\n\r\n$text-main: #363636 !default;\r\n$text-bright: #000000 !default;\r\n\r\n$links: #0076d1 !default;\r\n$focus: #0096bfab !default;\r\n$border: #dbdbdb !default;\r\n$code: #000000 !default;\r\n\r\n$button-hover: #dddddd !default;\r\n$animation-duration: 0.1s !default;\r\n\r\n$scrollbar-thumb: darken($button-hover, 3%);\r\n$scrollbar-thumb-hover: darken($button-hover, 10%);\r\n\r\n$form-placeholder: #949494 !default;\r\n$form-text: #000000 !default;\r\n\r\n@import 'parts/core';","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n color: $text-bright;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n font-weight: 600;\r\n}\r\n\r\nblockquote {\r\n border-left: 4px solid $focus;\r\n margin: 1.5em 0em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n content: '💬 ';\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n display: block;\r\n}\r\n\r\ninput, select, button, textarea {\r\n color: $form-text;\r\n background-color: $background-alt;\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect, button, textarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton, input[type='submit'], input[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: $button-hover;\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px $focus;\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: .5;\r\n}\r\n\r\n::placeholder {\r\n color: $form-placeholder;\r\n}","a {\r\n text-decoration: none;\r\n color: $links;\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, kbd {\r\n background: $background-alt;\r\n color: $code;\r\n padding: 5px;\r\n border-radius: 6px;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}","img {\r\n max-width: 100%;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid $border;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd, th {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid $border;\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: $background-alt;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: $background-alt;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: $scrollbar-thumb;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: $scrollbar-thumb-hover;\r\n}"]} \ No newline at end of file diff --git a/dist/light.min.css b/dist/light.min.css index 925c25b..8ce73eb 100644 --- a/dist/light.min.css +++ b/dist/light.min.css @@ -1,2 +1,2 @@ -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 1em;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}blockquote cite{font-style:normal}button,input[type=button],input[type=checkbox],input[type=submit]{cursor:pointer}input:not([type=checkbox]),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]),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=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} +@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 index e5f66c0..77b7442 100644 --- a/dist/light.min.css.map +++ b/dist/light.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["parts/_base.scss","light.scss","light.css","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAAA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aCLiB,CDMjB,eCTkB,CDWlB,iCEFF,CFKA,sBACE,wHEFF,CCbA,GACE,eAAgB,CAChB,YDgBF,CCbA,kBACE,kBDgBF,CCbA,yBACE,UDgBF,CCbA,8BACE,eDgBF,CCbA,WACE,yCFXe,CEYf,gBAAiB,CACjB,gBAAkB,CAClB,iBDgBF,CCbA,kBACE,eAAgB,CAChB,iBDgBF,CCbA,gBACE,iBDgBF,CE9CA,kEAIE,cFiDF,CE9CA,kCACE,aFiDF,CE9CA,6BACE,UHMiB,CGLjB,wBHZsB,CGctB,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YF8CF,CE3CA,kDACE,uBF8CF,CE3CA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eF8CF,CE3CA,6CACE,kBAAmB,CACnB,iBF8CF,CE3CA,+DAGE,eF8CF,CE3CA,qDAIE,wCF8CF,CE3CA,8FAIE,yBF8CF,CE3CA,iEAIE,kBAAmB,CACnB,UF8CF,CE3CA,4BACE,aF8CF,CE/CA,uBACE,aF8CF,CE/CA,wBACE,aF8CF,CE/CA,cACE,aF8CF,CGtHA,EACE,oBAAqB,CACrB,aHyHF,CGtHA,QACE,yBHyHF,CI/HA,SACE,kBLAsB,CKCtB,ULOY,CKNZ,WAAY,CACZ,iBJkIF,CI/HA,SACE,YAAa,CACb,aAAc,CACd,eJkIF,CK5IA,IACE,cL+IF,CK5IA,GAEE,WNEc,CMFd,4BL+IF,CK5IA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UL+IF,CK5IA,MACE,WAAY,CACZ,eL+IF,CK5IA,GACE,+BL+IF,CK5IA,uBACE,wBL+IF,CK5IA,oBACE,WAAY,CACZ,UL+IF,CK5IA,0BACE,kBNjCsB,CMkCtB,iBAXF,CAcA,0BACE,kBNzByC,CM0BzC,iBL+IF,CK5IA,gCACE,kBAXF","file":"light.min.css","sourcesContent":["body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: $text-main;\r\n background: $background;\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color $animation-duration linear,\r\n border-color $animation-duration linear,\r\n color $animation-duration linear,\r\n box-shadow $animation-duration linear,\r\n transform $animation-duration ease;\r\n}\r\n","$background: #ffffff !default;\r\n$background-alt: #efefef !default;\r\n\r\n$text-main: #363636 !default;\r\n$text-bright: #000000 !default;\r\n\r\n$links: #0076d1 !default;\r\n$focus: #0096bfab !default;\r\n$border: #dbdbdb !default;\r\n$code: #000000 !default;\r\n\r\n$button-hover: #dddddd !default;\r\n$animation-duration: 0.1s !default;\r\n\r\n$scrollbar-thumb: darken($button-hover, 3%);\r\n$scrollbar-thumb-hover: darken($button-hover, 10%);\r\n\r\n$form-placeholder: #949494 !default;\r\n$form-text: #000000 !default;\r\n\r\n@import 'parts/core';","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 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, h2, h3, h4, h5, h6 {\n margin-bottom: 12px;\n}\n\nh1, h2, h3, h4, h5, h6, strong {\n color: #000000;\n}\n\nh1, h2, h3, h4, h5, h6, b, strong, th {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid #0096bfab;\n margin: 1.5em 1em;\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\nbutton,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']), select {\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']), select, 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='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","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6, strong {\r\n color: $text-bright;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6, b, strong, th {\r\n font-weight: 600;\r\n}\r\n\r\nblockquote {\r\n border-left: 4px solid $focus;\r\n margin: 1.5em 1em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']), select {\r\n display: block;\r\n}\r\n\r\ninput, select, button, textarea {\r\n color: $form-text;\r\n background-color: $background-alt;\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']), select, button, textarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton, input[type='submit'], input[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: $button-hover;\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px $focus;\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: .5;\r\n}\r\n\r\n::placeholder {\r\n color: $form-placeholder;\r\n}","a {\r\n text-decoration: none;\r\n color: $links;\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, kbd {\r\n background: $background-alt;\r\n color: $code;\r\n padding: 5px;\r\n border-radius: 6px;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}","img {\r\n max-width: 100%;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid $border;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd, th {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid $border;\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: $background-alt;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: $background-alt;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: $scrollbar-thumb;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: $scrollbar-thumb-hover;\r\n}"]} \ No newline at end of file +{"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 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n color: $text-bright;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n font-weight: 600;\r\n}\r\n\r\nblockquote {\r\n border-left: 4px solid $focus;\r\n margin: 1.5em 0em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n content: '💬 ';\r\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 {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: $text-main;\r\n background: $background;\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color $animation-duration linear,\r\n border-color $animation-duration linear,\r\n color $animation-duration linear,\r\n box-shadow $animation-duration linear,\r\n transform $animation-duration ease;\r\n}\r\n","$background: #ffffff !default;\r\n$background-alt: #efefef !default;\r\n\r\n$text-main: #363636 !default;\r\n$text-bright: #000000 !default;\r\n\r\n$links: #0076d1 !default;\r\n$focus: #0096bfab !default;\r\n$border: #dbdbdb !default;\r\n$code: #000000 !default;\r\n\r\n$button-hover: #dddddd !default;\r\n$animation-duration: 0.1s !default;\r\n\r\n$scrollbar-thumb: darken($button-hover, 3%);\r\n$scrollbar-thumb-hover: darken($button-hover, 10%);\r\n\r\n$form-placeholder: #949494 !default;\r\n$form-text: #000000 !default;\r\n\r\n@import 'parts/core';","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n display: block;\r\n}\r\n\r\ninput, select, button, textarea {\r\n color: $form-text;\r\n background-color: $background-alt;\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect, button, textarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton, input[type='submit'], input[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: $button-hover;\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px $focus;\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: .5;\r\n}\r\n\r\n::placeholder {\r\n color: $form-placeholder;\r\n}","a {\r\n text-decoration: none;\r\n color: $links;\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, kbd {\r\n background: $background-alt;\r\n color: $code;\r\n padding: 5px;\r\n border-radius: 6px;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}","img {\r\n max-width: 100%;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid $border;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd, th {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid $border;\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: $background-alt;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: $background-alt;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: $scrollbar-thumb;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: $scrollbar-thumb-hover;\r\n}"]} \ No newline at end of file From 89bccb61fdd36b9bf83f1a0c2e83607696caaa26 Mon Sep 17 00:00:00 2001 From: Tyler Porter Date: Mon, 22 Apr 2019 03:34:15 +0000 Subject: [PATCH 07/44] Changed switch button function for IE11 compatibility --- script.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/script.js b/script.js index f4d239d..b90d845 100644 --- a/script.js +++ b/script.js @@ -1,4 +1,4 @@ -document.getElementById('switch').addEventListener('click', () => { +document.getElementById('switch').addEventListener('click', function() { const stylesheet = document.getElementById('stylesheet') const ph = document.getElementById('ph') if (stylesheet.getAttribute('href') === 'dist/dark.css') { From a70df99d5903bcf2898cb6b99ad24587e521ce04 Mon Sep 17 00:00:00 2001 From: Kognise Date: Mon, 22 Apr 2019 18:24:25 -0400 Subject: [PATCH 08/44] Build --- dist/dark.css.map | 2 +- dist/dark.min.css.map | 2 +- dist/light.css.map | 2 +- dist/light.min.css.map | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/dist/dark.css.map b/dist/dark.css.map index 094e77b..0441bd8 100644 --- a/dist/dark.css.map +++ b/dist/dark.css.map @@ -1 +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 {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: $text-main;\r\n background: $background;\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color $animation-duration linear,\r\n border-color $animation-duration linear,\r\n color $animation-duration linear,\r\n box-shadow $animation-duration linear,\r\n transform $animation-duration ease;\r\n}\r\n","$background: #202b38 !default;\r\n$background-alt: #161f27 !default;\r\n\r\n$text-main: #dbdbdb !default;\r\n$text-bright: #ffffff !default;\r\n\r\n$links: #41adff !default;\r\n$focus: #0096bfab !default;\r\n$border: #dbdbdb !default;\r\n$code: #ffbe85 !default;\r\n\r\n$button-hover: #324759 !default;\r\n$animation-duration: 0.1s !default;\r\n\r\n$scrollbar-thumb: $button-hover;\r\n$scrollbar-thumb-hover: lighten($button-hover, 8%);\r\n\r\n$form-placeholder: #a9a9a9 !default;\r\n$form-text: #ffffff !default;\r\n\r\n@import 'parts/core';","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n color: $text-bright;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n font-weight: 600;\r\n}\r\n\r\nblockquote {\r\n border-left: 4px solid $focus;\r\n margin: 1.5em 0em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n content: '💬 ';\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n display: block;\r\n}\r\n\r\ninput, select, button, textarea {\r\n color: $form-text;\r\n background-color: $background-alt;\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect, button, textarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton, input[type='submit'], input[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: $button-hover;\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px $focus;\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: .5;\r\n}\r\n\r\n::placeholder {\r\n color: $form-placeholder;\r\n}","a {\r\n text-decoration: none;\r\n color: $links;\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, kbd {\r\n background: $background-alt;\r\n color: $code;\r\n padding: 5px;\r\n border-radius: 6px;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}","img {\r\n max-width: 100%;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid $border;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd, th {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid $border;\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: $background-alt;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: $background-alt;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: $scrollbar-thumb;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: $scrollbar-thumb-hover;\r\n}"]} \ No newline at end of file +{"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.map b/dist/dark.min.css.map index a2f3189..1960d52 100644 --- a/dist/dark.min.css.map +++ b/dist/dark.min.css.map @@ -1 +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 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n color: $text-bright;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n font-weight: 600;\r\n}\r\n\r\nblockquote {\r\n border-left: 4px solid $focus;\r\n margin: 1.5em 0em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n content: '💬 ';\r\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 {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: $text-main;\r\n background: $background;\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color $animation-duration linear,\r\n border-color $animation-duration linear,\r\n color $animation-duration linear,\r\n box-shadow $animation-duration linear,\r\n transform $animation-duration ease;\r\n}\r\n","$background: #202b38 !default;\r\n$background-alt: #161f27 !default;\r\n\r\n$text-main: #dbdbdb !default;\r\n$text-bright: #ffffff !default;\r\n\r\n$links: #41adff !default;\r\n$focus: #0096bfab !default;\r\n$border: #dbdbdb !default;\r\n$code: #ffbe85 !default;\r\n\r\n$button-hover: #324759 !default;\r\n$animation-duration: 0.1s !default;\r\n\r\n$scrollbar-thumb: $button-hover;\r\n$scrollbar-thumb-hover: lighten($button-hover, 8%);\r\n\r\n$form-placeholder: #a9a9a9 !default;\r\n$form-text: #ffffff !default;\r\n\r\n@import 'parts/core';","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n display: block;\r\n}\r\n\r\ninput, select, button, textarea {\r\n color: $form-text;\r\n background-color: $background-alt;\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect, button, textarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton, input[type='submit'], input[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: $button-hover;\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px $focus;\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: .5;\r\n}\r\n\r\n::placeholder {\r\n color: $form-placeholder;\r\n}","a {\r\n text-decoration: none;\r\n color: $links;\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, kbd {\r\n background: $background-alt;\r\n color: $code;\r\n padding: 5px;\r\n border-radius: 6px;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}","img {\r\n max-width: 100%;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid $border;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd, th {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid $border;\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: $background-alt;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: $background-alt;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: $scrollbar-thumb;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: $scrollbar-thumb-hover;\r\n}"]} \ No newline at end of file +{"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.map b/dist/light.css.map index 7b8b05a..ef563df 100644 --- a/dist/light.css.map +++ b/dist/light.css.map @@ -1 +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 {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: $text-main;\r\n background: $background;\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color $animation-duration linear,\r\n border-color $animation-duration linear,\r\n color $animation-duration linear,\r\n box-shadow $animation-duration linear,\r\n transform $animation-duration ease;\r\n}\r\n","$background: #ffffff !default;\r\n$background-alt: #efefef !default;\r\n\r\n$text-main: #363636 !default;\r\n$text-bright: #000000 !default;\r\n\r\n$links: #0076d1 !default;\r\n$focus: #0096bfab !default;\r\n$border: #dbdbdb !default;\r\n$code: #000000 !default;\r\n\r\n$button-hover: #dddddd !default;\r\n$animation-duration: 0.1s !default;\r\n\r\n$scrollbar-thumb: darken($button-hover, 3%);\r\n$scrollbar-thumb-hover: darken($button-hover, 10%);\r\n\r\n$form-placeholder: #949494 !default;\r\n$form-text: #000000 !default;\r\n\r\n@import 'parts/core';","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n color: $text-bright;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n font-weight: 600;\r\n}\r\n\r\nblockquote {\r\n border-left: 4px solid $focus;\r\n margin: 1.5em 0em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n content: '💬 ';\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n display: block;\r\n}\r\n\r\ninput, select, button, textarea {\r\n color: $form-text;\r\n background-color: $background-alt;\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect, button, textarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton, input[type='submit'], input[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: $button-hover;\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px $focus;\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: .5;\r\n}\r\n\r\n::placeholder {\r\n color: $form-placeholder;\r\n}","a {\r\n text-decoration: none;\r\n color: $links;\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, kbd {\r\n background: $background-alt;\r\n color: $code;\r\n padding: 5px;\r\n border-radius: 6px;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}","img {\r\n max-width: 100%;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid $border;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd, th {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid $border;\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: $background-alt;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: $background-alt;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: $scrollbar-thumb;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: $scrollbar-thumb-hover;\r\n}"]} \ No newline at end of file +{"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.map b/dist/light.min.css.map index 77b7442..0ef7fbb 100644 --- a/dist/light.min.css.map +++ b/dist/light.min.css.map @@ -1 +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 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n color: $text-bright;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n font-weight: 600;\r\n}\r\n\r\nblockquote {\r\n border-left: 4px solid $focus;\r\n margin: 1.5em 0em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n content: '💬 ';\r\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 {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: $text-main;\r\n background: $background;\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color $animation-duration linear,\r\n border-color $animation-duration linear,\r\n color $animation-duration linear,\r\n box-shadow $animation-duration linear,\r\n transform $animation-duration ease;\r\n}\r\n","$background: #ffffff !default;\r\n$background-alt: #efefef !default;\r\n\r\n$text-main: #363636 !default;\r\n$text-bright: #000000 !default;\r\n\r\n$links: #0076d1 !default;\r\n$focus: #0096bfab !default;\r\n$border: #dbdbdb !default;\r\n$code: #000000 !default;\r\n\r\n$button-hover: #dddddd !default;\r\n$animation-duration: 0.1s !default;\r\n\r\n$scrollbar-thumb: darken($button-hover, 3%);\r\n$scrollbar-thumb-hover: darken($button-hover, 10%);\r\n\r\n$form-placeholder: #949494 !default;\r\n$form-text: #000000 !default;\r\n\r\n@import 'parts/core';","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n display: block;\r\n}\r\n\r\ninput, select, button, textarea {\r\n color: $form-text;\r\n background-color: $background-alt;\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect, button, textarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton, input[type='submit'], input[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: $button-hover;\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px $focus;\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: .5;\r\n}\r\n\r\n::placeholder {\r\n color: $form-placeholder;\r\n}","a {\r\n text-decoration: none;\r\n color: $links;\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, kbd {\r\n background: $background-alt;\r\n color: $code;\r\n padding: 5px;\r\n border-radius: 6px;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}","img {\r\n max-width: 100%;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid $border;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd, th {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid $border;\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: $background-alt;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: $background-alt;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: $scrollbar-thumb;\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: $scrollbar-thumb-hover;\r\n}"]} \ No newline at end of file +{"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 From fa99185fafdd07b7d12066ec6589dfae52baa8cf Mon Sep 17 00:00:00 2001 From: Kognise Date: Mon, 22 Apr 2019 18:24:51 -0400 Subject: [PATCH 09/44] Use unminified stylesheet in demo --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index f6f4007..727cb6f 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,7 @@ Water.css - + From d9c7d4a8280668b77e3433bd601414cd737cbb7c Mon Sep 17 00:00:00 2001 From: Kognise Date: Mon, 22 Apr 2019 18:26:36 -0400 Subject: [PATCH 10/44] Add unminified info to readme --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index bf64411..298d75a 100644 --- a/README.md +++ b/README.md @@ -39,7 +39,7 @@ Just stick this in your head: Well, there's a dark theme and a light theme. If you want the light theme, use `light.min.css` instead of `dark.min.css`. See [Theming](#theming) to make your own theme! -No other classes or code is required to make Water.css work. If you want a specific version, you can replace `@latest` with `@version`. See [all the versions](https://github.com/kognise/water.css/releases). +No other classes or code is required to make Water.css work. If you want a specific version, you can replace `@latest` with `@version`. See [all the versions](https://github.com/kognise/water.css/releases). You can also get rid of the `.min.css` and replace it with just `.css` if you want an unminified version. **Oh, you want a demo you say?** Cheeky fellah! [Well, here's your demo.](https://watercss.netlify.com/) From 863fe51d46850954528eefa7077a2cbb9ed9bc1a Mon Sep 17 00:00:00 2001 From: Kognise Date: Mon, 22 Apr 2019 18:27:42 -0400 Subject: [PATCH 11/44] Update theme variables --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index 298d75a..927e884 100644 --- a/README.md +++ b/README.md @@ -73,6 +73,8 @@ Do you want to make your own theme different from the light or dark themes? Sinc - `$code` - `$button-hover` - `$animation-duration` +- `$scrollbar-thumb` +- `$scrollbar-thumb-hover` - `$form-placeholder` - `$form-text` From dd684c50e6f0a93793581020a4c57d95cf125c60 Mon Sep 17 00:00:00 2001 From: Sidak Singh Aulakh Date: Tue, 30 Apr 2019 01:57:20 +0530 Subject: [PATCH 12/44] creation and implementation of selection variable --- dist/dark.css | 8 ++++++++ dist/dark.css.map | 2 +- dist/dark.min.css | 2 +- dist/dark.min.css.map | 2 +- dist/light.css | 8 ++++++++ dist/light.css.map | 2 +- dist/light.min.css | 2 +- dist/light.min.css.map | 2 +- src/dark.scss | 2 ++ src/light.scss | 2 ++ src/parts/_misc.scss | 4 ++++ 11 files changed, 30 insertions(+), 6 deletions(-) diff --git a/dist/dark.css b/dist/dark.css index 43a72e9..1c843a2 100644 --- a/dist/dark.css +++ b/dist/dark.css @@ -238,4 +238,12 @@ tbody tr:nth-child(even) { background: #415c73; } +::-moz-selection { + background-color: #161f27; +} + +::selection { + background-color: #161f27; +} + /*# sourceMappingURL=dark.css.map */ diff --git a/dist/dark.css.map b/dist/dark.css.map index 0441bd8..0393598 100644 --- a/dist/dark.css.map +++ b/dist/dark.css.map @@ -1 +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 +{"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,cCHiB;EDIjB,mBCTkB;EDWlB,kCAAkC;ADDpC;;ACIA;EACE,kIAI8C;ADLhD;;AGdA;EACE,gBAAgB;EAChB,aAAa;AHiBf;;AGdA;;;;;;EAME,mBAAmB;AHiBrB;;AGdA;;;;;;;EAOE,cDfmB;AFgCrB;;AGdA;;;;;;;;;EASE,gBAAgB;AHiBlB;;AGdA;EACE,gCD5Be;EC6Bf,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,cFOiB;EENjB,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,mBFnCoB;AFqHtB;;AI/EA;;;;EAIE,+BF9Ce;AFgIjB;;AI/EA;;;;;EAKE,0BAA0B;AJkF5B;;AI/EA;;;;EAIE,mBAAmB;EACnB,WAAW;AJkFb;;AI/EA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AK7JA;EACE,qBAAqB;EACrB,cHMa;AF0Jf;;AK7JA;EACE,0BAA0B;ALgK5B;;AMtKA;EACE,mBJAsB;EICtB,cJSY;EIRZ,YAAY;EACZ,kBAAkB;ANyKpB;;AMtKA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;ANyKlB;;AOnLA;EACE,eAAe;APsLjB;;AOnLA;EACE,YAAY;EACZ,6BLIc;AFkLhB;;AOnLA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;APsLb;;AOnLA;EACE,YAAY;EACZ,gBAAgB;APsLlB;;AOnLA;EACE,gCLXc;AFiMhB;;AOnLA;EACE,yBLxBsB;AF8MxB;;AOnLA;EACE,YAAY;EACZ,WAAW;APsLb;;AOnLA;EACE,mBLjCsB;EKkCtB,kBAAkB;APsLpB;;AOnLA;EACE,mBL1BoB;EK2BpB,kBAAkB;APsLpB;;AOnLA;EACE,mBL3BgD;AFiNlD;;AOnLA;EACE,yBL7CiB;AFmOnB;;AOvLA;EACE,yBL7CiB;AFmOnB","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\n::selection {\n background-color: #161f27;\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$selection: #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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file diff --git a/dist/dark.min.css b/dist/dark.min.css index 9ca1556..90acabe 100644 --- a/dist/dark.min.css +++ b/dist/dark.min.css @@ -1,2 +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} +@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}::-moz-selection{background-color:#161f27}::selection{background-color:#161f27} /*# sourceMappingURL=dark.min.css.map */ diff --git a/dist/dark.min.css.map b/dist/dark.min.css.map index 1960d52..8a5e315 100644 --- a/dist/dark.min.css.map +++ b/dist/dark.min.css.map @@ -1 +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 +{"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,aCHiB,CDIjB,kBCTkB,CDWlB,iCDDF,CCIA,sBACE,wHDDF,CDdA,GACE,eAAgB,CAChB,YCiBF,CDdA,kBAME,kBCiBF,CDdA,yBAOE,UCiBF,CDdA,8BASE,eCiBF,CDdA,WACE,yCG5Be,CH6Bf,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,UDOiB,CCNjB,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,aHSY,CGRZ,WAAY,CACZ,iBLyKF,CKtKA,SACE,YAAa,CACb,aAAc,CACd,eLyKF,CMnLA,IACE,cNsLF,CMnLA,GAEE,WJIc,CIJd,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,kBJ1BoB,CI2BpB,iBNsLF,CMnLA,gCACE,kBAXF,CAcA,iBACE,wBNsLF,CMvLA,YACE,wBNsLF","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\n::selection {\n background-color: #161f27;\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$selection: #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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file diff --git a/dist/light.css b/dist/light.css index e2ea9a8..5cf9fcc 100644 --- a/dist/light.css +++ b/dist/light.css @@ -238,4 +238,12 @@ tbody tr:nth-child(even) { background: #c4c4c4; } +::-moz-selection { + background-color: #9e9e9e; +} + +::selection { + background-color: #9e9e9e; +} + /*# sourceMappingURL=light.css.map */ diff --git a/dist/light.css.map b/dist/light.css.map index ef563df..d3d3074 100644 --- a/dist/light.css.map +++ b/dist/light.css.map @@ -1 +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 +{"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,cCHiB;EDIjB,mBCTkB;EDWlB,kCAAkC;ADDpC;;ACIA;EACE,kIAI8C;ADLhD;;AGdA;EACE,gBAAgB;EAChB,aAAa;AHiBf;;AGdA;;;;;;EAME,mBAAmB;AHiBrB;;AGdA;;;;;;;EAOE,cDfmB;AFgCrB;;AGdA;;;;;;;;;EASE,gBAAgB;AHiBlB;;AGdA;EACE,gCD5Be;EC6Bf,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,cFOiB;EENjB,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,mBFnCoB;AFqHtB;;AI/EA;;;;EAIE,+BF9Ce;AFgIjB;;AI/EA;;;;;EAKE,0BAA0B;AJkF5B;;AI/EA;;;;EAIE,mBAAmB;EACnB,WAAW;AJkFb;;AI/EA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AK7JA;EACE,qBAAqB;EACrB,cHMa;AF0Jf;;AK7JA;EACE,0BAA0B;ALgK5B;;AMtKA;EACE,mBJAsB;EICtB,cJSY;EIRZ,YAAY;EACZ,kBAAkB;ANyKpB;;AMtKA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;ANyKlB;;AOnLA;EACE,eAAe;APsLjB;;AOnLA;EACE,YAAY;EACZ,6BLIc;AFkLhB;;AOnLA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;APsLb;;AOnLA;EACE,YAAY;EACZ,gBAAgB;APsLlB;;AOnLA;EACE,gCLXc;AFiMhB;;AOnLA;EACE,yBLxBsB;AF8MxB;;AOnLA;EACE,YAAY;EACZ,WAAW;APsLb;;AOnLA;EACE,mBLjCsB;EKkCtB,kBAAkB;APsLpB;;AOnLA;EACE,mBLvByC;EKwBzC,kBAAkB;APsLpB;;AOnLA;EACE,mBL3BgD;AFiNlD;;AOnLA;EACE,yBL7CiB;AFmOnB;;AOvLA;EACE,yBL7CiB;AFmOnB","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\n::selection {\n background-color: #9e9e9e;\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$selection: #9e9e9e !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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file diff --git a/dist/light.min.css b/dist/light.min.css index 8ce73eb..0cde57a 100644 --- a/dist/light.min.css +++ b/dist/light.min.css @@ -1,2 +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} +@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}::-moz-selection{background-color:#9e9e9e}::selection{background-color:#9e9e9e} /*# sourceMappingURL=light.min.css.map */ diff --git a/dist/light.min.css.map b/dist/light.min.css.map index 0ef7fbb..34d9461 100644 --- a/dist/light.min.css.map +++ b/dist/light.min.css.map @@ -1 +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 +{"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,aCHiB,CDIjB,eCTkB,CDWlB,iCDDF,CCIA,sBACE,wHDDF,CDdA,GACE,eAAgB,CAChB,YCiBF,CDdA,kBAME,kBCiBF,CDdA,yBAOE,UCiBF,CDdA,8BASE,eCiBF,CDdA,WACE,yCG5Be,CH6Bf,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,UDOiB,CCNjB,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,UHSY,CGRZ,WAAY,CACZ,iBLyKF,CKtKA,SACE,YAAa,CACb,aAAc,CACd,eLyKF,CMnLA,IACE,cNsLF,CMnLA,GAEE,WJIc,CIJd,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,kBJvByC,CIwBzC,iBNsLF,CMnLA,gCACE,kBAXF,CAcA,iBACE,wBNsLF,CMvLA,YACE,wBNsLF","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\n::selection {\n background-color: #9e9e9e;\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$selection: #9e9e9e !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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file diff --git a/src/dark.scss b/src/dark.scss index 4e46254..1f3bb9e 100644 --- a/src/dark.scss +++ b/src/dark.scss @@ -1,6 +1,8 @@ $background: #202b38 !default; $background-alt: #161f27 !default; +$selection: #161f27 !default; + $text-main: #dbdbdb !default; $text-bright: #ffffff !default; diff --git a/src/light.scss b/src/light.scss index 467ece6..bfccb73 100644 --- a/src/light.scss +++ b/src/light.scss @@ -1,6 +1,8 @@ $background: #ffffff !default; $background-alt: #efefef !default; +$selection: #9e9e9e !default; + $text-main: #363636 !default; $text-bright: #000000 !default; diff --git a/src/parts/_misc.scss b/src/parts/_misc.scss index fa0cbd9..44bd700 100644 --- a/src/parts/_misc.scss +++ b/src/parts/_misc.scss @@ -43,4 +43,8 @@ tbody tr:nth-child(even) { ::-webkit-scrollbar-thumb:hover { background: $scrollbar-thumb-hover; +} + +::selection { + background-color: $selection; } \ No newline at end of file From c80427fd8d0ebba64f4b7b712bc7cf4aae55a3ce Mon Sep 17 00:00:00 2001 From: Tyler Porter Date: Fri, 3 May 2019 01:21:48 +0000 Subject: [PATCH 13/44] Fixed bug with switch button on first click --- script.js | 10 +++------- 1 file changed, 3 insertions(+), 7 deletions(-) diff --git a/script.js b/script.js index bfa4be2..4f64f80 100644 --- a/script.js +++ b/script.js @@ -1,8 +1,4 @@ document.getElementById('switch').addEventListener('click', function() { - const stylesheet = document.getElementById('stylesheet') - if (stylesheet.getAttribute('href') === 'dist/dark.min.css') { - stylesheet.setAttribute('href', 'dist/light.min.css') - } else { - stylesheet.setAttribute('href', 'dist/dark.min.css') - } -}) \ No newline at end of file + const stylesheet = document.getElementById('stylesheet'); + stylesheet.href = stylesheet.href.replace(/dark|light/, function(replaced) { return replaced === 'dark' ? 'light' : 'dark' }); +}); \ No newline at end of file From f75f57767465ebf95a2d2f23b6bfdfcef41eb2f1 Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Sat, 4 May 2019 23:11:13 +0200 Subject: [PATCH 14/44] fix(img): add height: auto to keep aspect ratio --- src/parts/_misc.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/src/parts/_misc.scss b/src/parts/_misc.scss index 44bd700..1443cc2 100644 --- a/src/parts/_misc.scss +++ b/src/parts/_misc.scss @@ -1,5 +1,6 @@ img { max-width: 100%; + height: auto; } hr { From 615c4238143e64229f1822de09ee00df77719f6f Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Sat, 4 May 2019 23:13:59 +0200 Subject: [PATCH 15/44] chore: build for deploy --- dist/dark.css | 1 + dist/dark.css.map | 2 +- dist/dark.min.css | 2 +- dist/dark.min.css.map | 2 +- dist/light.css | 1 + dist/light.css.map | 2 +- dist/light.min.css | 2 +- dist/light.min.css.map | 2 +- 8 files changed, 8 insertions(+), 6 deletions(-) diff --git a/dist/dark.css b/dist/dark.css index 1c843a2..a13ecb7 100644 --- a/dist/dark.css +++ b/dist/dark.css @@ -193,6 +193,7 @@ pre > code { img { max-width: 100%; + height: auto; } hr { diff --git a/dist/dark.css.map b/dist/dark.css.map index 0393598..54925b1 100644 --- a/dist/dark.css.map +++ b/dist/dark.css.map @@ -1 +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,cCHiB;EDIjB,mBCTkB;EDWlB,kCAAkC;ADDpC;;ACIA;EACE,kIAI8C;ADLhD;;AGdA;EACE,gBAAgB;EAChB,aAAa;AHiBf;;AGdA;;;;;;EAME,mBAAmB;AHiBrB;;AGdA;;;;;;;EAOE,cDfmB;AFgCrB;;AGdA;;;;;;;;;EASE,gBAAgB;AHiBlB;;AGdA;EACE,gCD5Be;EC6Bf,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,cFOiB;EENjB,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,mBFnCoB;AFqHtB;;AI/EA;;;;EAIE,+BF9Ce;AFgIjB;;AI/EA;;;;;EAKE,0BAA0B;AJkF5B;;AI/EA;;;;EAIE,mBAAmB;EACnB,WAAW;AJkFb;;AI/EA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AK7JA;EACE,qBAAqB;EACrB,cHMa;AF0Jf;;AK7JA;EACE,0BAA0B;ALgK5B;;AMtKA;EACE,mBJAsB;EICtB,cJSY;EIRZ,YAAY;EACZ,kBAAkB;ANyKpB;;AMtKA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;ANyKlB;;AOnLA;EACE,eAAe;APsLjB;;AOnLA;EACE,YAAY;EACZ,6BLIc;AFkLhB;;AOnLA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;APsLb;;AOnLA;EACE,YAAY;EACZ,gBAAgB;APsLlB;;AOnLA;EACE,gCLXc;AFiMhB;;AOnLA;EACE,yBLxBsB;AF8MxB;;AOnLA;EACE,YAAY;EACZ,WAAW;APsLb;;AOnLA;EACE,mBLjCsB;EKkCtB,kBAAkB;APsLpB;;AOnLA;EACE,mBL1BoB;EK2BpB,kBAAkB;APsLpB;;AOnLA;EACE,mBL3BgD;AFiNlD;;AOnLA;EACE,yBL7CiB;AFmOnB;;AOvLA;EACE,yBL7CiB;AFmOnB","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\n::selection {\n background-color: #161f27;\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$selection: #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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file +{"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,cCHiB;EDIjB,mBCTkB;EDWlB,kCAAkC;ADDpC;;ACIA;EACE,kIAI8C;ADLhD;;AGdA;EACE,gBAAgB;EAChB,aAAa;AHiBf;;AGdA;;;;;;EAME,mBAAmB;AHiBrB;;AGdA;;;;;;;EAOE,cDfmB;AFgCrB;;AGdA;;;;;;;;;EASE,gBAAgB;AHiBlB;;AGdA;EACE,gCD5Be;EC6Bf,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,cFOiB;EENjB,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,mBFnCoB;AFqHtB;;AI/EA;;;;EAIE,+BF9Ce;AFgIjB;;AI/EA;;;;;EAKE,0BAA0B;AJkF5B;;AI/EA;;;;EAIE,mBAAmB;EACnB,WAAW;AJkFb;;AI/EA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AK7JA;EACE,qBAAqB;EACrB,cHMa;AF0Jf;;AK7JA;EACE,0BAA0B;ALgK5B;;AMtKA;EACE,mBJAsB;EICtB,cJSY;EIRZ,YAAY;EACZ,kBAAkB;ANyKpB;;AMtKA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;ANyKlB;;AOnLA;EACE,eAAe;EACf,YAAY;APsLd;;AOnLA;EACE,YAAY;EACZ,6BLGc;AFmLhB;;AOnLA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;APsLb;;AOnLA;EACE,YAAY;EACZ,gBAAgB;APsLlB;;AOnLA;EACE,gCLZc;AFkMhB;;AOnLA;EACE,yBLzBsB;AF+MxB;;AOnLA;EACE,YAAY;EACZ,WAAW;APsLb;;AOnLA;EACE,mBLlCsB;EKmCtB,kBAAkB;APsLpB;;AOnLA;EACE,mBL3BoB;EK4BpB,kBAAkB;APsLpB;;AOnLA;EACE,mBL5BgD;AFkNlD;;AOnLA;EACE,yBL9CiB;AFoOnB;;AOvLA;EACE,yBL9CiB;AFoOnB","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 height: auto;\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\n::selection {\n background-color: #161f27;\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$selection: #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 height: auto;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file diff --git a/dist/dark.min.css b/dist/dark.min.css index 90acabe..e139b05 100644 --- a/dist/dark.min.css +++ b/dist/dark.min.css @@ -1,2 +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}::-moz-selection{background-color:#161f27}::selection{background-color:#161f27} +@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%;height:auto}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}::-moz-selection{background-color:#161f27}::selection{background-color:#161f27} /*# sourceMappingURL=dark.min.css.map */ diff --git a/dist/dark.min.css.map b/dist/dark.min.css.map index 8a5e315..acdd384 100644 --- a/dist/dark.min.css.map +++ b/dist/dark.min.css.map @@ -1 +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,aCHiB,CDIjB,kBCTkB,CDWlB,iCDDF,CCIA,sBACE,wHDDF,CDdA,GACE,eAAgB,CAChB,YCiBF,CDdA,kBAME,kBCiBF,CDdA,yBAOE,UCiBF,CDdA,8BASE,eCiBF,CDdA,WACE,yCG5Be,CH6Bf,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,UDOiB,CCNjB,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,aHSY,CGRZ,WAAY,CACZ,iBLyKF,CKtKA,SACE,YAAa,CACb,aAAc,CACd,eLyKF,CMnLA,IACE,cNsLF,CMnLA,GAEE,WJIc,CIJd,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,kBJ1BoB,CI2BpB,iBNsLF,CMnLA,gCACE,kBAXF,CAcA,iBACE,wBNsLF,CMvLA,YACE,wBNsLF","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\n::selection {\n background-color: #161f27;\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$selection: #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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file +{"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,aCHiB,CDIjB,kBCTkB,CDWlB,iCDDF,CCIA,sBACE,wHDDF,CDdA,GACE,eAAgB,CAChB,YCiBF,CDdA,kBAME,kBCiBF,CDdA,yBAOE,UCiBF,CDdA,8BASE,eCiBF,CDdA,WACE,yCG5Be,CH6Bf,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,UDOiB,CCNjB,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,aHSY,CGRZ,WAAY,CACZ,iBLyKF,CKtKA,SACE,YAAa,CACb,aAAc,CACd,eLyKF,CMnLA,IACE,cAAe,CACf,WNsLF,CMnLA,GAEE,WJGc,CIHd,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,kBJlCsB,CImCtB,iBAXF,CAcA,0BACE,kBJ3BoB,CI4BpB,iBNsLF,CMnLA,gCACE,kBAXF,CAcA,iBACE,wBNsLF,CMvLA,YACE,wBNsLF","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 height: auto;\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\n::selection {\n background-color: #161f27;\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$selection: #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 height: auto;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file diff --git a/dist/light.css b/dist/light.css index 5cf9fcc..921caf8 100644 --- a/dist/light.css +++ b/dist/light.css @@ -193,6 +193,7 @@ pre > code { img { max-width: 100%; + height: auto; } hr { diff --git a/dist/light.css.map b/dist/light.css.map index d3d3074..3fce7d2 100644 --- a/dist/light.css.map +++ b/dist/light.css.map @@ -1 +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,cCHiB;EDIjB,mBCTkB;EDWlB,kCAAkC;ADDpC;;ACIA;EACE,kIAI8C;ADLhD;;AGdA;EACE,gBAAgB;EAChB,aAAa;AHiBf;;AGdA;;;;;;EAME,mBAAmB;AHiBrB;;AGdA;;;;;;;EAOE,cDfmB;AFgCrB;;AGdA;;;;;;;;;EASE,gBAAgB;AHiBlB;;AGdA;EACE,gCD5Be;EC6Bf,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,cFOiB;EENjB,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,mBFnCoB;AFqHtB;;AI/EA;;;;EAIE,+BF9Ce;AFgIjB;;AI/EA;;;;;EAKE,0BAA0B;AJkF5B;;AI/EA;;;;EAIE,mBAAmB;EACnB,WAAW;AJkFb;;AI/EA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AK7JA;EACE,qBAAqB;EACrB,cHMa;AF0Jf;;AK7JA;EACE,0BAA0B;ALgK5B;;AMtKA;EACE,mBJAsB;EICtB,cJSY;EIRZ,YAAY;EACZ,kBAAkB;ANyKpB;;AMtKA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;ANyKlB;;AOnLA;EACE,eAAe;APsLjB;;AOnLA;EACE,YAAY;EACZ,6BLIc;AFkLhB;;AOnLA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;APsLb;;AOnLA;EACE,YAAY;EACZ,gBAAgB;APsLlB;;AOnLA;EACE,gCLXc;AFiMhB;;AOnLA;EACE,yBLxBsB;AF8MxB;;AOnLA;EACE,YAAY;EACZ,WAAW;APsLb;;AOnLA;EACE,mBLjCsB;EKkCtB,kBAAkB;APsLpB;;AOnLA;EACE,mBLvByC;EKwBzC,kBAAkB;APsLpB;;AOnLA;EACE,mBL3BgD;AFiNlD;;AOnLA;EACE,yBL7CiB;AFmOnB;;AOvLA;EACE,yBL7CiB;AFmOnB","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\n::selection {\n background-color: #9e9e9e;\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$selection: #9e9e9e !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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file +{"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,cCHiB;EDIjB,mBCTkB;EDWlB,kCAAkC;ADDpC;;ACIA;EACE,kIAI8C;ADLhD;;AGdA;EACE,gBAAgB;EAChB,aAAa;AHiBf;;AGdA;;;;;;EAME,mBAAmB;AHiBrB;;AGdA;;;;;;;EAOE,cDfmB;AFgCrB;;AGdA;;;;;;;;;EASE,gBAAgB;AHiBlB;;AGdA;EACE,gCD5Be;EC6Bf,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,cFOiB;EENjB,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,mBFnCoB;AFqHtB;;AI/EA;;;;EAIE,+BF9Ce;AFgIjB;;AI/EA;;;;;EAKE,0BAA0B;AJkF5B;;AI/EA;;;;EAIE,mBAAmB;EACnB,WAAW;AJkFb;;AI/EA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AK7JA;EACE,qBAAqB;EACrB,cHMa;AF0Jf;;AK7JA;EACE,0BAA0B;ALgK5B;;AMtKA;EACE,mBJAsB;EICtB,cJSY;EIRZ,YAAY;EACZ,kBAAkB;ANyKpB;;AMtKA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;ANyKlB;;AOnLA;EACE,eAAe;EACf,YAAY;APsLd;;AOnLA;EACE,YAAY;EACZ,6BLGc;AFmLhB;;AOnLA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;APsLb;;AOnLA;EACE,YAAY;EACZ,gBAAgB;APsLlB;;AOnLA;EACE,gCLZc;AFkMhB;;AOnLA;EACE,yBLzBsB;AF+MxB;;AOnLA;EACE,YAAY;EACZ,WAAW;APsLb;;AOnLA;EACE,mBLlCsB;EKmCtB,kBAAkB;APsLpB;;AOnLA;EACE,mBLxByC;EKyBzC,kBAAkB;APsLpB;;AOnLA;EACE,mBL5BgD;AFkNlD;;AOnLA;EACE,yBL9CiB;AFoOnB;;AOvLA;EACE,yBL9CiB;AFoOnB","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 height: auto;\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\n::selection {\n background-color: #9e9e9e;\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$selection: #9e9e9e !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 height: auto;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file diff --git a/dist/light.min.css b/dist/light.min.css index 0cde57a..6c8d56e 100644 --- a/dist/light.min.css +++ b/dist/light.min.css @@ -1,2 +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}::-moz-selection{background-color:#9e9e9e}::selection{background-color:#9e9e9e} +@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%;height:auto}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}::-moz-selection{background-color:#9e9e9e}::selection{background-color:#9e9e9e} /*# sourceMappingURL=light.min.css.map */ diff --git a/dist/light.min.css.map b/dist/light.min.css.map index 34d9461..7d63e6f 100644 --- a/dist/light.min.css.map +++ b/dist/light.min.css.map @@ -1 +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,aCHiB,CDIjB,eCTkB,CDWlB,iCDDF,CCIA,sBACE,wHDDF,CDdA,GACE,eAAgB,CAChB,YCiBF,CDdA,kBAME,kBCiBF,CDdA,yBAOE,UCiBF,CDdA,8BASE,eCiBF,CDdA,WACE,yCG5Be,CH6Bf,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,UDOiB,CCNjB,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,UHSY,CGRZ,WAAY,CACZ,iBLyKF,CKtKA,SACE,YAAa,CACb,aAAc,CACd,eLyKF,CMnLA,IACE,cNsLF,CMnLA,GAEE,WJIc,CIJd,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,kBJvByC,CIwBzC,iBNsLF,CMnLA,gCACE,kBAXF,CAcA,iBACE,wBNsLF,CMvLA,YACE,wBNsLF","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\n::selection {\n background-color: #9e9e9e;\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$selection: #9e9e9e !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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file +{"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,aCHiB,CDIjB,eCTkB,CDWlB,iCDDF,CCIA,sBACE,wHDDF,CDdA,GACE,eAAgB,CAChB,YCiBF,CDdA,kBAME,kBCiBF,CDdA,yBAOE,UCiBF,CDdA,8BASE,eCiBF,CDdA,WACE,yCG5Be,CH6Bf,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,UDOiB,CCNjB,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,UHSY,CGRZ,WAAY,CACZ,iBLyKF,CKtKA,SACE,YAAa,CACb,aAAc,CACd,eLyKF,CMnLA,IACE,cAAe,CACf,WNsLF,CMnLA,GAEE,WJGc,CIHd,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,kBJlCsB,CImCtB,iBAXF,CAcA,0BACE,kBJxByC,CIyBzC,iBNsLF,CMnLA,gCACE,kBAXF,CAcA,iBACE,wBNsLF,CMvLA,YACE,wBNsLF","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 height: auto;\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\n::selection {\n background-color: #9e9e9e;\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$selection: #9e9e9e !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 height: auto;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file From 413e18982124a0594cdd9beed6d550d527feb804 Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Mon, 6 May 2019 00:24:42 +0200 Subject: [PATCH 16/44] feat: update gulpfile to compile CSS variables --- gulpfile.js | 145 ++++++++++++++++++++++++++++++++++----------------- package.json | 7 ++- yarn.lock | 39 ++++++++++++-- 3 files changed, 139 insertions(+), 52 deletions(-) diff --git a/gulpfile.js b/gulpfile.js index c294d02..16eb599 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -9,10 +9,18 @@ const browserSync = require('browser-sync').create() const chalk = require('chalk'); const rename = require('gulp-rename'); const filter = require('gulp-filter'); +const flatten = require('gulp-flatten') +const postcssSassParser = require('postcss-scss') +const postcssCssVariables = require('postcss-css-variables') const paths = { styles: { src: 'src/**/*.scss', + variables: { + src: 'src/variables-*.scss', + compiled: 'src/_variables/_variables-*.scss', + dest: 'src/_variables', + }, dest: 'dist' }, html: { @@ -22,65 +30,105 @@ const paths = { // https://stackoverflow.com/a/20732091 function humanFileSize(size) { - var i = Math.floor( Math.log(size) / Math.log(1024) ); - return ( size / Math.pow(1024, i) ).toFixed(2) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i]; + var i = Math.floor(Math.log(size) / Math.log(1024)); + return (size / Math.pow(1024, i)).toFixed(2) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i]; }; function formatByteMessage(source, data) { - const change = (data.savings > 0 ? 'saved' : 'gained') - const prettySavings = humanFileSize(Math.abs(data.savings)) const prettyStartSize = humanFileSize(data.startSize) - let prettyEndSize = humanFileSize(data.endSize) + let message = ''; - if (data.endSize > data.startSize) { - prettyEndSize = chalk.yellow(prettyEndSize) - } + if (data.startSize !== data.endSize) { + const change = (data.savings > 0 ? 'saved' : 'gained') + const prettySavings = humanFileSize(Math.abs(data.savings)) + let prettyEndSize = humanFileSize(data.endSize) - if (data.endSize < data.startSize) { - prettyEndSize = chalk.green(prettyEndSize) - } + if (data.endSize > data.startSize) prettyEndSize = chalk.yellow(prettyEndSize) + if (data.endSize < data.startSize) prettyEndSize = chalk.green(prettyEndSize) - return `${chalk.cyan(source.padStart(12, ' '))}: ${data.fileName} ${change} ${prettySavings} (${prettyStartSize} -> ${prettyEndSize})` + message = chalk`${change} ${prettySavings} (${prettyStartSize} -> {bold ${prettyEndSize}})` + } else message = chalk`kept original filesize. ({bold ${prettyStartSize}})` + + return chalk`{cyan ${(source.padStart(12, ' '))}}: {bold ${data.fileName}} ${message}` } -function style() { +/* Inlines variable references within the variable files themselves. */ +/* Allows computing new variables based on previous ones, e.g. with `lighten()` */ +function computeVariables() { + const plugins = [postcssCssVariables({ preserve: 'computed' })] + const parser = postcssSassParser + + return gulp.src(paths.styles.variables.src) + .pipe(postcss(plugins, { parser })) + .pipe(rename({ prefix: '_' })) + .pipe(gulp.dest(paths.styles.variables.dest)); +} + +function compileStyles() { + const isLegacyOrStandalone = path => /standalone|legacy/.test(path) + + const excludeModern = filter(file => isLegacyOrStandalone(file.path), { restore: true }) + const excludeLegacy = filter(file => !isLegacyOrStandalone(file.path), { restore: true }) + return ( - gulp.src(paths.styles.src) - // Add sourcemaps - .pipe(sourcemaps.init()) - // Create a human readable sass file - .pipe(sass({outputStyle: 'expanded'})) - // Catch any sass errors - .on('error', sass.logError) - // Calculate size before autoprefixing - .pipe(bytediff.start()) - // autoprefix - .pipe(postcss([ autoprefixer()])) - // Write the amount gained by autoprefixing - .pipe(bytediff.stop((data) => formatByteMessage('autoprefixer', data))) - // Write the sourcemaps after making pre-minified changes - .pipe(sourcemaps.write('.')) - // Write pre-minified styles - .pipe(gulp.dest(paths.styles.dest)) - // Remove sourcemaps from the pipeline, only keep css - .pipe(filter('**/*.css')) - // Calculate size before minifying - .pipe(bytediff.start()) - // Minify using cssnano - .pipe(postcss([cssnano()])) - // Write the amount saved by minifying - .pipe(bytediff.stop((data) => formatByteMessage('cssnano', data))) - // Rename the files have the .min suffix - .pipe(rename({suffix: '.min' })) - // Write the sourcemaps after making all changes - .pipe(sourcemaps.write('.')) - // Write the minified files - .pipe(gulp.dest(paths.styles.dest)) - // Stream any changes to browserSync - .pipe(browserSync.stream()) + gulp.src(paths.styles.src, { ignore: paths.styles.variables.src }) + // Add sourcemaps + .pipe(sourcemaps.init()) + // Create a human readable sass file + .pipe(sass({ outputStyle: 'expanded' })) + // Catch any sass errors + .on('error', sass.logError) + + // * Process legacy & standalone builds * + .pipe(excludeModern) + // Inline variable values so CSS works in legacy browsers + .pipe(postcss([postcssCssVariables()])) + // Calculate size before autoprefixing + .pipe(bytediff.start()) + // autoprefix + .pipe(postcss([autoprefixer()])) + // Write the amount gained by autoprefixing + .pipe(bytediff.stop((data) => formatByteMessage('autoprefixer', data))) + .pipe(excludeModern.restore) + + // * Process modern builds * + .pipe(excludeLegacy) + // Calculate size before autoprefixing + .pipe(bytediff.start()) + // autoprefix modern builds + // TODO: Use separate browserslist to only apply prefixes needed in *modern* browsers + .pipe(postcss([autoprefixer()])) + // Write the amount gained by autoprefixing + .pipe(bytediff.stop((data) => formatByteMessage('autoprefixer', data))) + .pipe(excludeLegacy.restore) + + // Write the sourcemaps after making pre-minified changes + .pipe(sourcemaps.write('.')) + // Flatten output so files end up in dist/*, not dist/builds/* + .pipe(flatten()) + // Write pre-minified styles + .pipe(gulp.dest(paths.styles.dest)) + // Remove sourcemaps from the pipeline, only keep css + .pipe(filter('**/*.css')) + // Calculate size before minifying + .pipe(bytediff.start()) + // Minify using cssnano + .pipe(postcss([cssnano()])) + // Write the amount saved by minifying + .pipe(bytediff.stop((data) => formatByteMessage('cssnano', data))) + // Rename the files have the .min suffix + .pipe(rename({ suffix: '.min' })) + // Write the sourcemaps after making all changes + .pipe(sourcemaps.write('.')) + // Write the minified files + .pipe(gulp.dest(paths.styles.dest)) + // Stream any changes to browserSync + .pipe(browserSync.stream()) ) } +const style = gulp.series(computeVariables, compileStyles) + function reload() { browserSync.reload() } @@ -95,7 +143,10 @@ function watch() { startPath: 'index.html' }) - gulp.watch(paths.styles.src, style) + // Don't watch compiled variables or every build triggers the watcher again (infinite loop) + const watched = [paths.styles.src, `!${paths.styles.variables.compiled}`] + + gulp.watch(watched, style) gulp.watch(paths.html.src, reload) } diff --git a/package.json b/package.json index 3d7cf5c..28f3479 100644 --- a/package.json +++ b/package.json @@ -30,11 +30,14 @@ "cssnano": "^4.1.10", "gulp": "^4.0.0", "gulp-bytediff": "^1.0.0", + "gulp-filter": "^5.1.0", + "gulp-flatten": "^0.4.0", "gulp-postcss": "^8.0.0", + "gulp-rename": "^1.4.0", "gulp-sass": "^4.0.2", "gulp-sourcemaps": "^2.6.5", - "gulp-filter": "^5.1.0", - "gulp-rename": "^1.4.0" + "postcss-css-variables": "^0.12.0", + "postcss-scss": "^2.0.0" }, "browserslist": [ "defaults AND not android 4.4.3" diff --git a/yarn.lock b/yarn.lock index 7b90684..ed284ef 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1504,7 +1504,7 @@ escape-html@~1.0.3: resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988" integrity sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg= -escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5: +escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.3, escape-string-regexp@^1.0.5: version "1.0.5" resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4" integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ= @@ -1588,7 +1588,7 @@ extend-shallow@^3.0.0, extend-shallow@^3.0.2: assign-symbols "^1.0.0" is-extendable "^1.0.1" -extend@^3.0.0, extend@~3.0.2: +extend@^3.0.0, extend@^3.0.1, extend@~3.0.2: version "3.0.2" resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa" integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g== @@ -2033,6 +2033,14 @@ gulp-filter@^5.1.0: plugin-error "^0.1.2" streamfilter "^1.0.5" +gulp-flatten@^0.4.0: + version "0.4.0" + resolved "https://registry.yarnpkg.com/gulp-flatten/-/gulp-flatten-0.4.0.tgz#d9ac819416c30fd5dfb3dea9da79c83a1bcd61d1" + integrity sha512-eg4spVTAiv1xXmugyaCxWne1oPtNG0UHEtABx5W8ScLiqAYceyYm6GYA36x0Qh8KOIXmAZV97L2aYGnKREG3Sg== + dependencies: + plugin-error "^0.1.2" + through2 "^2.0.0" + gulp-postcss@^8.0.0: version "8.0.0" resolved "https://registry.yarnpkg.com/gulp-postcss/-/gulp-postcss-8.0.0.tgz#8d3772cd4d27bca55ec8cb4c8e576e3bde4dc550" @@ -3820,6 +3828,15 @@ postcss-convert-values@^4.0.1: postcss "^7.0.0" postcss-value-parser "^3.0.0" +postcss-css-variables@^0.12.0: + version "0.12.0" + resolved "https://registry.yarnpkg.com/postcss-css-variables/-/postcss-css-variables-0.12.0.tgz#0137b6ff15fb051bd29b36eabfea03472ccdd14c" + integrity sha512-fSgIfR+g/kZ2GeV3GH7wyNslDi7KH/Z+zwtHdEcmHv86mu+o71va9r9rqFLPR0VKi2BzoQZbCyw89oXK/XevIQ== + dependencies: + escape-string-regexp "^1.0.3" + extend "^3.0.1" + postcss "^6.0.8" + postcss-discard-comments@^4.0.2: version "4.0.2" resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-4.0.2.tgz#1fbabd2c246bff6aaad7997b2b0918f4d7af4033" @@ -4028,6 +4045,13 @@ postcss-reduce-transforms@^4.0.2: postcss "^7.0.0" postcss-value-parser "^3.0.0" +postcss-scss@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/postcss-scss/-/postcss-scss-2.0.0.tgz#248b0a28af77ea7b32b1011aba0f738bda27dea1" + integrity sha512-um9zdGKaDZirMm+kZFKKVsnKPF7zF7qBAtIfTSnZXD1jZ0JNZIxdB6TxQOjCnlSzLRInVl2v3YdBh/M881C4ug== + dependencies: + postcss "^7.0.0" + postcss-selector-parser@^3.0.0: version "3.1.1" resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-3.1.1.tgz#4f875f4afb0c96573d5cf4d74011aee250a7e865" @@ -4070,6 +4094,15 @@ postcss-value-parser@^3.0.0, postcss-value-parser@^3.3.1: resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281" integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ== +postcss@^6.0.8: + version "6.0.23" + resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324" + integrity sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag== + dependencies: + chalk "^2.4.1" + source-map "^0.6.1" + supports-color "^5.4.0" + postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.2, postcss@^7.0.5: version "7.0.14" resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.14.tgz#4527ed6b1ca0d82c53ce5ec1a2041c2346bbd6e5" @@ -4930,7 +4963,7 @@ supports-color@^2.0.0: resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7" integrity sha1-U10EXOa2Nj+kARcIRimZXp3zJMc= -supports-color@^5.3.0: +supports-color@^5.3.0, supports-color@^5.4.0: version "5.5.0" resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f" integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow== From bc0daa5de68e3eb962d623c4f9da119f4c1cf406 Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Mon, 6 May 2019 00:26:30 +0200 Subject: [PATCH 17/44] feat: extract & rewrite variables with CSS syntax --- src/_variables/README.md | 7 +++++++ src/dark.scss | 23 ----------------------- src/light.scss | 23 ----------------------- src/variables-dark.scss | 25 +++++++++++++++++++++++++ src/variables-light.scss | 25 +++++++++++++++++++++++++ 5 files changed, 57 insertions(+), 46 deletions(-) create mode 100755 src/_variables/README.md delete mode 100644 src/dark.scss delete mode 100644 src/light.scss create mode 100755 src/variables-dark.scss create mode 100755 src/variables-light.scss diff --git a/src/_variables/README.md b/src/_variables/README.md new file mode 100755 index 0000000..79a1d6e --- /dev/null +++ b/src/_variables/README.md @@ -0,0 +1,7 @@ +Every file matching variable-*.scss in src/ will be processed with PostCSS, +prefixed with "_" and copied to this folder at build time. + +> ⚠ Any changes you make to files within this folder **will be overwritten** on next build! + +→ Edit variables within `src/variable-[...].scss` +→ Use them within Sass by importing `src/_variables/_variable-[...]`. diff --git a/src/dark.scss b/src/dark.scss deleted file mode 100644 index 1f3bb9e..0000000 --- a/src/dark.scss +++ /dev/null @@ -1,23 +0,0 @@ -$background: #202b38 !default; -$background-alt: #161f27 !default; - -$selection: #161f27 !default; - -$text-main: #dbdbdb !default; -$text-bright: #ffffff !default; - -$links: #41adff !default; -$focus: #0096bfab !default; -$border: #dbdbdb !default; -$code: #ffbe85 !default; - -$button-hover: #324759 !default; -$animation-duration: 0.1s !default; - -$scrollbar-thumb: $button-hover; -$scrollbar-thumb-hover: lighten($button-hover, 8%); - -$form-placeholder: #a9a9a9 !default; -$form-text: #ffffff !default; - -@import 'parts/core'; \ No newline at end of file diff --git a/src/light.scss b/src/light.scss deleted file mode 100644 index bfccb73..0000000 --- a/src/light.scss +++ /dev/null @@ -1,23 +0,0 @@ -$background: #ffffff !default; -$background-alt: #efefef !default; - -$selection: #9e9e9e !default; - -$text-main: #363636 !default; -$text-bright: #000000 !default; - -$links: #0076d1 !default; -$focus: #0096bfab !default; -$border: #dbdbdb !default; -$code: #000000 !default; - -$button-hover: #dddddd !default; -$animation-duration: 0.1s !default; - -$scrollbar-thumb: darken($button-hover, 3%); -$scrollbar-thumb-hover: darken($button-hover, 10%); - -$form-placeholder: #949494 !default; -$form-text: #000000 !default; - -@import 'parts/core'; \ No newline at end of file diff --git a/src/variables-dark.scss b/src/variables-dark.scss new file mode 100755 index 0000000..49e5cdd --- /dev/null +++ b/src/variables-dark.scss @@ -0,0 +1,25 @@ +/* ! To use this file from Sass, import `_variables/_variables-dark` ! */ + +:root { + --background: #202b38; + --background-alt: #161f27; + + --selection: #161f27; + + --text-main: #dbdbdb; + --text-bright: #ffffff; + + --links: #41adff; + --focus: #0096bfab; + --border: #dbdbdb; + --code: #ffbe85; + + --animation-duration: 0.1s; + --button-hover: #324759; + + --scrollbar-thumb: var(--button-hover); + --scrollbar-thumb-hover: #{lighten(var(--scrollbar-thumb), 8%)}; + + --form-placeholder: #a9a9a9; + --form-text: #ffffff; +} diff --git a/src/variables-light.scss b/src/variables-light.scss new file mode 100755 index 0000000..5ba5d4f --- /dev/null +++ b/src/variables-light.scss @@ -0,0 +1,25 @@ +/* ! To use this file from Sass, import `_variables/_variables-light` ! */ + +:root { +--background: #ffffff; +--background-alt: #efefef; + +--selection: #9e9e9e; + +--text-main: #363636; +--text-bright: #000000; + +--links: #0076d1; +--focus: #0096bfab; +--border: #dbdbdb; +--code: #000000; + +--animation-duration: 0.1s; +--button-hover: #dddddd; + +--scrollbar-thumb: #{darken( var(--button-hover), 3% )}; +--scrollbar-thumb-hover: #{darken( var(--button-hover), 10% )}; + +--form-placeholder: #949494; +--form-text: #000000; +} From 550e4a72fce3e97e8d7261a798f2727e39f36557 Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Mon, 6 May 2019 00:26:54 +0200 Subject: [PATCH 18/44] feat: rewrite partials to use CSS variables --- src/parts/_base.scss | 14 +++++++------- src/parts/_code.scss | 4 ++-- src/parts/_forms.scss | 10 +++++----- src/parts/_links.scss | 2 +- src/parts/_misc.scss | 14 +++++++------- src/parts/_typography.scss | 4 ++-- 6 files changed, 24 insertions(+), 24 deletions(-) diff --git a/src/parts/_base.scss b/src/parts/_base.scss index 9884923..1a9dc0f 100644 --- a/src/parts/_base.scss +++ b/src/parts/_base.scss @@ -6,16 +6,16 @@ body { margin: 20px auto; padding: 0 10px; - color: $text-main; - background: $background; + color: var(--text-main); + background: var(--background); text-rendering: optimizeLegibility; } button, input, textarea { - transition: background-color $animation-duration linear, - border-color $animation-duration linear, - color $animation-duration linear, - box-shadow $animation-duration linear, - transform $animation-duration ease; + transition: background-color var(--animation-duration) linear, + border-color var(--animation-duration) linear, + color var(--animation-duration) linear, + box-shadow var(--animation-duration) linear, + transform var(--animation-duration) ease; } diff --git a/src/parts/_code.scss b/src/parts/_code.scss index 06e41c8..8950437 100644 --- a/src/parts/_code.scss +++ b/src/parts/_code.scss @@ -1,6 +1,6 @@ code, kbd { - background: $background-alt; - color: $code; + background: var(--background-alt); + color: var(--code); padding: 5px; border-radius: 6px; } diff --git a/src/parts/_forms.scss b/src/parts/_forms.scss index 7af9d6a..4dacf3a 100644 --- a/src/parts/_forms.scss +++ b/src/parts/_forms.scss @@ -11,8 +11,8 @@ select { } input, select, button, textarea { - color: $form-text; - background-color: $background-alt; + color: var(--form-text); + background-color: var(--background-alt); font-family: inherit; font-size: inherit; @@ -46,14 +46,14 @@ button, input[type='submit'], input[type='button'] { button:hover, input[type='submit']:hover, input[type='button']:hover { - background: $button-hover; + background: var(--button-hover); } input:focus, select:focus, button:focus, textarea:focus { - box-shadow: 0 0 0 2px $focus; + box-shadow: 0 0 0 2px var(--focus); } input[type='checkbox']:active, @@ -73,5 +73,5 @@ textarea:disabled { } ::placeholder { - color: $form-placeholder; + color: var(--form-placeholder); } \ No newline at end of file diff --git a/src/parts/_links.scss b/src/parts/_links.scss index 59b6727..cc115f1 100644 --- a/src/parts/_links.scss +++ b/src/parts/_links.scss @@ -1,6 +1,6 @@ a { text-decoration: none; - color: $links; + color: var(--links); } a:hover { diff --git a/src/parts/_misc.scss b/src/parts/_misc.scss index 1443cc2..e97ff0a 100644 --- a/src/parts/_misc.scss +++ b/src/parts/_misc.scss @@ -5,7 +5,7 @@ img { hr { border: none; - border-top: 1px solid $border; + border-top: 1px solid var(--border); } table { @@ -20,11 +20,11 @@ td, th { } th { - border-bottom: 1px solid $border; + border-bottom: 1px solid var(--border); } tbody tr:nth-child(even) { - background-color: $background-alt; + background-color: var(--background-alt); } ::-webkit-scrollbar { @@ -33,19 +33,19 @@ tbody tr:nth-child(even) { } ::-webkit-scrollbar-track { - background: $background-alt; + background: var(--background-alt); border-radius: 6px; } ::-webkit-scrollbar-thumb { - background: $scrollbar-thumb; + background: var(--scrollbar-thumb); border-radius: 6px; } ::-webkit-scrollbar-thumb:hover { - background: $scrollbar-thumb-hover; + background: var(--scrollbar-thumb-hover); } ::selection { - background-color: $selection; + background-color: var(--selection); } \ No newline at end of file diff --git a/src/parts/_typography.scss b/src/parts/_typography.scss index a099c78..74b0af2 100644 --- a/src/parts/_typography.scss +++ b/src/parts/_typography.scss @@ -19,7 +19,7 @@ h4, h5, h6, strong { - color: $text-bright; + color: var(--text-bright); } h1, @@ -35,7 +35,7 @@ th { } blockquote { - border-left: 4px solid $focus; + border-left: 4px solid var(--focus); margin: 1.5em 0em; padding: 0.5em 1em; font-style: italic; From be233afd747a36c355ca815682854eba9d01a5d0 Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Mon, 6 May 2019 00:27:17 +0200 Subject: [PATCH 19/44] feat: add new build configurations --- src/builds/dark-legacy.scss | 9 +++++++++ src/builds/dark.scss | 16 ++++++++++++++++ src/builds/dark.standalone.scss | 8 ++++++++ src/builds/light-legacy.scss | 9 +++++++++ src/builds/light.scss | 16 ++++++++++++++++ src/builds/light.standalone.scss | 8 ++++++++ 6 files changed, 66 insertions(+) create mode 100755 src/builds/dark-legacy.scss create mode 100644 src/builds/dark.scss create mode 100755 src/builds/dark.standalone.scss create mode 100755 src/builds/light-legacy.scss create mode 100644 src/builds/light.scss create mode 100755 src/builds/light.standalone.scss diff --git a/src/builds/dark-legacy.scss b/src/builds/dark-legacy.scss new file mode 100755 index 0000000..c0170fe --- /dev/null +++ b/src/builds/dark-legacy.scss @@ -0,0 +1,9 @@ +/** + * Dark-themed version for legacy browsers: + * Loads the compiled, standalone version of the dark theme, + * but overrides it with the compiled, standalone version of the light theme + * if a system-wide theme preference is set on the user's device. + */ + +@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css'); +@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css') (prefers-color-scheme: light); diff --git a/src/builds/dark.scss b/src/builds/dark.scss new file mode 100644 index 0000000..e958c58 --- /dev/null +++ b/src/builds/dark.scss @@ -0,0 +1,16 @@ +/** + * Dark-themed version: + * uses dark theme by default but switches to light theme + * if a system-wide theme preference is set on the user's device. + * + * Variables will remain uncompiled so the theme can update dynamically + * at runtime in the browser. + */ + +@import '../_variables/_variables-dark'; + +@media (prefers-color-scheme: light) { + @import '../_variables/_variables-light'; +} + +@import '../parts/core'; diff --git a/src/builds/dark.standalone.scss b/src/builds/dark.standalone.scss new file mode 100755 index 0000000..7f9932c --- /dev/null +++ b/src/builds/dark.standalone.scss @@ -0,0 +1,8 @@ +/** + * Standalone dark-themed version. + * Includes dark variables and core, compiled at build time so the final output + * will only include regular CSS, no variables. + */ + +@import '../_variables/variables-dark'; +@import '../parts/core'; diff --git a/src/builds/light-legacy.scss b/src/builds/light-legacy.scss new file mode 100755 index 0000000..064d82f --- /dev/null +++ b/src/builds/light-legacy.scss @@ -0,0 +1,9 @@ +/** + * Light-themed version for legacy browsers: + * Loads the compiled, standalone version of the light theme at runtime, + * but overrides it with the compiled, standalone version of the dark theme + * if a system-wide theme preference is set on the user's device. + */ + +@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css'); +@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css') (prefers-color-scheme: dark); diff --git a/src/builds/light.scss b/src/builds/light.scss new file mode 100644 index 0000000..89205db --- /dev/null +++ b/src/builds/light.scss @@ -0,0 +1,16 @@ +/** + * Light-themed version: + * uses light theme by default but switches to dark theme + * if a system-wide theme preference is set on the user's device. + * + * Variables will remain uncompiled so the theme can update dynamically + * at runtime in the browser. + */ + +@import '../_variables/variables-light'; + +@media (prefers-color-scheme: dark) { + @import '../_variables/variables-dark'; +} + +@import '../parts/core'; \ No newline at end of file diff --git a/src/builds/light.standalone.scss b/src/builds/light.standalone.scss new file mode 100755 index 0000000..eab8a85 --- /dev/null +++ b/src/builds/light.standalone.scss @@ -0,0 +1,8 @@ +/** + * Standalone light-themed version. + * Includes light variables and core, compiled at build time so the final output + * will only include regular CSS, no variables. + */ + +@import '../_variables/variables-light'; +@import '../parts/core'; From 0de724ade2adc519de77513668501a3d8a7fbd67 Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Mon, 6 May 2019 00:32:19 +0200 Subject: [PATCH 20/44] feat: compile all new build versions --- dist/dark-legacy.css | 10 + dist/dark-legacy.css.map | 1 + dist/dark-legacy.min.css | 2 + dist/dark-legacy.min.css.map | 1 + dist/dark.css | 96 ++++++-- dist/dark.css.map | 2 +- dist/dark.min.css | 2 +- dist/dark.min.css.map | 2 +- dist/dark.standalone.css | 344 +++++++++++++++++++++++++++ dist/dark.standalone.css.map | 1 + dist/dark.standalone.min.css | 2 + dist/dark.standalone.min.css.map | 1 + dist/light-legacy.css | 10 + dist/light-legacy.css.map | 1 + dist/light-legacy.min.css | 2 + dist/light-legacy.min.css.map | 1 + dist/light.css | 96 ++++++-- dist/light.css.map | 2 +- dist/light.min.css | 2 +- dist/light.min.css.map | 2 +- dist/light.standalone.css | 344 +++++++++++++++++++++++++++ dist/light.standalone.css.map | 1 + dist/light.standalone.min.css | 2 + dist/light.standalone.min.css.map | 1 + src/_variables/_variables-dark.scss | 25 ++ src/_variables/_variables-light.scss | 25 ++ src/variables-dark.scss | 2 +- src/variables-light.scss | 2 +- 28 files changed, 926 insertions(+), 56 deletions(-) create mode 100755 dist/dark-legacy.css create mode 100644 dist/dark-legacy.css.map create mode 100755 dist/dark-legacy.min.css create mode 100644 dist/dark-legacy.min.css.map create mode 100755 dist/dark.standalone.css create mode 100644 dist/dark.standalone.css.map create mode 100755 dist/dark.standalone.min.css create mode 100644 dist/dark.standalone.min.css.map create mode 100755 dist/light-legacy.css create mode 100644 dist/light-legacy.css.map create mode 100755 dist/light-legacy.min.css create mode 100644 dist/light-legacy.min.css.map create mode 100755 dist/light.standalone.css create mode 100644 dist/light.standalone.css.map create mode 100755 dist/light.standalone.min.css create mode 100644 dist/light.standalone.min.css.map create mode 100755 src/_variables/_variables-dark.scss create mode 100755 src/_variables/_variables-light.scss diff --git a/dist/dark-legacy.css b/dist/dark-legacy.css new file mode 100755 index 0000000..c56386c --- /dev/null +++ b/dist/dark-legacy.css @@ -0,0 +1,10 @@ +/** + * Dark-themed version for legacy browsers: + * Loads the compiled, standalone version of the dark theme, + * but overrides it with the compiled, standalone version of the light theme + * if a system-wide theme preference is set on the user's device. + */ +@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css"); +@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css") (prefers-color-scheme: light); + +/*# sourceMappingURL=dark-legacy.css.map */ diff --git a/dist/dark-legacy.css.map b/dist/dark-legacy.css.map new file mode 100644 index 0000000..6ce20e6 --- /dev/null +++ b/dist/dark-legacy.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["builds/dark-legacy.scss","builds/dark-legacy.css"],"names":[],"mappings":"AAAA;;;;;ECKE;ADEF,qFAAY;AACZ,oHAAmH","file":"dark-legacy.css","sourcesContent":["/**\n * Dark-themed version for legacy browsers:\n * Loads the compiled, standalone version of the dark theme,\n * but overrides it with the compiled, standalone version of the light theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css') (prefers-color-scheme: light);\n","/**\n * Dark-themed version for legacy browsers:\n * Loads the compiled, standalone version of the dark theme,\n * but overrides it with the compiled, standalone version of the light theme\n * if a system-wide theme preference is set on the user's device.\n */\n@import url(\"https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css\");\n@import url(\"https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css\") (prefers-color-scheme: light);\n"]} \ No newline at end of file diff --git a/dist/dark-legacy.min.css b/dist/dark-legacy.min.css new file mode 100755 index 0000000..b8558b0 --- /dev/null +++ b/dist/dark-legacy.min.css @@ -0,0 +1,2 @@ +@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css");@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css") (prefers-color-scheme: light); +/*# sourceMappingURL=dark-legacy.min.css.map */ diff --git a/dist/dark-legacy.min.css.map b/dist/dark-legacy.min.css.map new file mode 100644 index 0000000..b9cc9d7 --- /dev/null +++ b/dist/dark-legacy.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["builds/dark-legacy.scss"],"names":[],"mappings":"AAOA,qFAAY,CACZ,oHAAmH","file":"dark-legacy.min.css","sourcesContent":["/**\n * Dark-themed version for legacy browsers:\n * Loads the compiled, standalone version of the dark theme,\n * but overrides it with the compiled, standalone version of the light theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css') (prefers-color-scheme: light);\n"]} \ No newline at end of file diff --git a/dist/dark.css b/dist/dark.css index a13ecb7..164eba5 100644 --- a/dist/dark.css +++ b/dist/dark.css @@ -1,17 +1,65 @@ @charset "UTF-8"; +/** + * Dark-themed version: + * uses dark theme by default but switches to light theme + * if a system-wide theme preference is set on the user's device. + * + * Variables will remain uncompiled so the theme can update dynamically + * at runtime in the browser. + */ +/* To use this file from Sass, import `_variables/_variables-dark` */ +:root { + --background: #202b38; + --background-alt: #161f27; + --selection: #161f27; + --text-main: #dbdbdb; + --text-bright: #ffffff; + --links: #41adff; + --focus: #0096bfab; + --border: #dbdbdb; + --code: #ffbe85; + --animation-duration: 0.1s; + --button-hover: #324759; + --scrollbar-thumb: #324759; + --scrollbar-thumb-hover: #415c73; + --form-placeholder: #a9a9a9; + --form-text: #ffffff; +} + +@media (prefers-color-scheme: light) { + /* To use this file from Sass, import `_variables/_variables-light` */ + :root { + --background: #ffffff; + --background-alt: #efefef; + --selection: #9e9e9e; + --text-main: #363636; + --text-bright: #000000; + --links: #0076d1; + --focus: #0096bfab; + --border: #dbdbdb; + --code: #000000; + --animation-duration: 0.1s; + --button-hover: #dddddd; + --scrollbar-thumb: #d5d5d5; + --scrollbar-thumb-hover: #c4c4c4; + --form-placeholder: #949494; + --form-text: #000000; + } +} + 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; + color: var(--text-main); + background: var(--background); 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; + transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) ease; } h1 { @@ -35,7 +83,7 @@ h4, h5, h6, strong { - color: #ffffff; + color: var(--text-bright); } h1, @@ -51,7 +99,7 @@ th { } blockquote { - border-left: 4px solid #0096bfab; + border-left: 4px solid var(--focus); margin: 1.5em 0em; padding: 0.5em 1em; font-style: italic; @@ -95,8 +143,8 @@ select { } input, select, button, textarea { - color: #ffffff; - background-color: #161f27; + color: var(--form-text); + background-color: var(--background-alt); font-family: inherit; font-size: inherit; margin-right: 6px; @@ -127,14 +175,14 @@ button, input[type='submit'], input[type='button'] { button:hover, input[type='submit']:hover, input[type='button']:hover { - background: #324759; + background: var(--button-hover); } input:focus, select:focus, button:focus, textarea:focus { - box-shadow: 0 0 0 2px #0096bfab; + box-shadow: 0 0 0 2px var(--focus); } input[type='checkbox']:active, @@ -154,24 +202,24 @@ textarea:disabled { } ::-webkit-input-placeholder { - color: #a9a9a9; + color: var(--form-placeholder); } :-ms-input-placeholder { - color: #a9a9a9; + color: var(--form-placeholder); } ::-ms-input-placeholder { - color: #a9a9a9; + color: var(--form-placeholder); } ::placeholder { - color: #a9a9a9; + color: var(--form-placeholder); } a { text-decoration: none; - color: #41adff; + color: var(--links); } a:hover { @@ -179,8 +227,8 @@ a:hover { } code, kbd { - background: #161f27; - color: #ffbe85; + background: var(--background-alt); + color: var(--code); padding: 5px; border-radius: 6px; } @@ -198,7 +246,7 @@ img { hr { border: none; - border-top: 1px solid #dbdbdb; + border-top: 1px solid var(--border); } table { @@ -213,11 +261,11 @@ td, th { } th { - border-bottom: 1px solid #dbdbdb; + border-bottom: 1px solid var(--border); } tbody tr:nth-child(even) { - background-color: #161f27; + background-color: var(--background-alt); } ::-webkit-scrollbar { @@ -226,25 +274,25 @@ tbody tr:nth-child(even) { } ::-webkit-scrollbar-track { - background: #161f27; + background: var(--background-alt); border-radius: 6px; } ::-webkit-scrollbar-thumb { - background: #324759; + background: var(--scrollbar-thumb); border-radius: 6px; } ::-webkit-scrollbar-thumb:hover { - background: #415c73; + background: var(--scrollbar-thumb-hover); } ::-moz-selection { - background-color: #161f27; + background-color: var(--selection); } ::selection { - background-color: #161f27; + background-color: var(--selection); } /*# sourceMappingURL=dark.css.map */ diff --git a/dist/dark.css.map b/dist/dark.css.map index 54925b1..2f3f806 100644 --- a/dist/dark.css.map +++ b/dist/dark.css.map @@ -1 +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,cCHiB;EDIjB,mBCTkB;EDWlB,kCAAkC;ADDpC;;ACIA;EACE,kIAI8C;ADLhD;;AGdA;EACE,gBAAgB;EAChB,aAAa;AHiBf;;AGdA;;;;;;EAME,mBAAmB;AHiBrB;;AGdA;;;;;;;EAOE,cDfmB;AFgCrB;;AGdA;;;;;;;;;EASE,gBAAgB;AHiBlB;;AGdA;EACE,gCD5Be;EC6Bf,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,cFOiB;EENjB,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,mBFnCoB;AFqHtB;;AI/EA;;;;EAIE,+BF9Ce;AFgIjB;;AI/EA;;;;;EAKE,0BAA0B;AJkF5B;;AI/EA;;;;EAIE,mBAAmB;EACnB,WAAW;AJkFb;;AI/EA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AK7JA;EACE,qBAAqB;EACrB,cHMa;AF0Jf;;AK7JA;EACE,0BAA0B;ALgK5B;;AMtKA;EACE,mBJAsB;EICtB,cJSY;EIRZ,YAAY;EACZ,kBAAkB;ANyKpB;;AMtKA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;ANyKlB;;AOnLA;EACE,eAAe;EACf,YAAY;APsLd;;AOnLA;EACE,YAAY;EACZ,6BLGc;AFmLhB;;AOnLA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;APsLb;;AOnLA;EACE,YAAY;EACZ,gBAAgB;APsLlB;;AOnLA;EACE,gCLZc;AFkMhB;;AOnLA;EACE,yBLzBsB;AF+MxB;;AOnLA;EACE,YAAY;EACZ,WAAW;APsLb;;AOnLA;EACE,mBLlCsB;EKmCtB,kBAAkB;APsLpB;;AOnLA;EACE,mBL3BoB;EK4BpB,kBAAkB;APsLpB;;AOnLA;EACE,mBL5BgD;AFkNlD;;AOnLA;EACE,yBL9CiB;AFoOnB;;AOvLA;EACE,yBL9CiB;AFoOnB","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 height: auto;\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\n::selection {\n background-color: #161f27;\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$selection: #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 height: auto;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file +{"version":3,"sources":["builds/dark.css","builds/dark.scss","_variables/_variables-dark.scss","_variables/_variables-light.scss","parts/_base.scss","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"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","file":"dark.css","sourcesContent":["@charset \"UTF-8\";\n/**\n * Dark-themed version:\n * uses dark theme by default but switches to light theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n/* To use this file from Sass, import `_variables/_variables-dark` */\n:root {\n --background: #202b38;\n --background-alt: #161f27;\n --selection: #161f27;\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n --animation-duration: 0.1s;\n --button-hover: #324759;\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #415c73;\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n\n@media (prefers-color-scheme: light) {\n /* To use this file from Sass, import `_variables/_variables-light` */\n :root {\n --background: #ffffff;\n --background-alt: #efefef;\n --selection: #9e9e9e;\n --text-main: #363636;\n --text-bright: #000000;\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n --scrollbar-thumb: #d5d5d5;\n --scrollbar-thumb-hover: #c4c4c4;\n --form-placeholder: #949494;\n --form-text: #000000;\n }\n}\n\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: var(--text-main);\n background: var(--background);\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) 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: var(--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 var(--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}\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: var(--form-text);\n background-color: var(--background-alt);\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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}\n\na {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: var(--background-alt);\n color: var(--code);\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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n","/**\n * Dark-themed version:\n * uses dark theme by default but switches to light theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../_variables/_variables-dark';\n\n@media (prefers-color-scheme: light) {\n @import '../_variables/_variables-light';\n}\n\n@import '../parts/core';\n","/* To use this file from Sass, import `_variables/_variables-dark` */\n\n:root {\n --background: #202b38;\n --background-alt: #161f27;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #{lighten(#324759, 8%)};\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n","/* To use this file from Sass, import `_variables/_variables-light` */\n\n:root {\n--background: #ffffff;\n--background-alt: #efefef;\n\n--selection: #9e9e9e;\n\n--text-main: #363636;\n--text-bright: #000000;\n\n--links: #0076d1;\n--focus: #0096bfab;\n--border: #dbdbdb;\n--code: #000000;\n\n--animation-duration: 0.1s;\n--button-hover: #dddddd;\n\n--scrollbar-thumb: #{darken( #dddddd, 3% )};\n--scrollbar-thumb-hover: #{darken( #dddddd, 10% )};\n\n--form-placeholder: #949494;\n--form-text: #000000;\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file diff --git a/dist/dark.min.css b/dist/dark.min.css index e139b05..87fcb41 100644 --- a/dist/dark.min.css +++ b/dist/dark.min.css @@ -1,2 +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%;height:auto}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}::-moz-selection{background-color:#161f27}::selection{background-color:#161f27} +@charset "UTF-8";:root{--background:#202b38;--background-alt:#161f27;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--links:#41adff;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#ffbe85;--animation-duration:0.1s;--button-hover:#324759;--scrollbar-thumb:#324759;--scrollbar-thumb-hover:#415c73;--form-placeholder:#a9a9a9;--form-text:#fff}@media (prefers-color-scheme:light){:root{--background:#fff;--background-alt:#efefef;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--links:#0076d1;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#000;--animation-duration:0.1s;--button-hover:#ddd;--scrollbar-thumb:#d5d5d5;--scrollbar-thumb-hover:#c4c4c4;--form-placeholder:#949494;--form-text:#000}}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:var(--text-main);background:var(--background);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) 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:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid var(--focus);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:var(--form-text);background-color:var(--background-alt);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:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}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:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,kbd{background:var(--background-alt);color:var(--code);padding:5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background-alt);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)} /*# sourceMappingURL=dark.min.css.map */ diff --git a/dist/dark.min.css.map b/dist/dark.min.css.map index acdd384..559edac 100644 --- a/dist/dark.min.css.map +++ b/dist/dark.min.css.map @@ -1 +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,aCHiB,CDIjB,kBCTkB,CDWlB,iCDDF,CCIA,sBACE,wHDDF,CDdA,GACE,eAAgB,CAChB,YCiBF,CDdA,kBAME,kBCiBF,CDdA,yBAOE,UCiBF,CDdA,8BASE,eCiBF,CDdA,WACE,yCG5Be,CH6Bf,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,UDOiB,CCNjB,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,aHSY,CGRZ,WAAY,CACZ,iBLyKF,CKtKA,SACE,YAAa,CACb,aAAc,CACd,eLyKF,CMnLA,IACE,cAAe,CACf,WNsLF,CMnLA,GAEE,WJGc,CIHd,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,kBJlCsB,CImCtB,iBAXF,CAcA,0BACE,kBJ3BoB,CI4BpB,iBNsLF,CMnLA,gCACE,kBAXF,CAcA,iBACE,wBNsLF,CMvLA,YACE,wBNsLF","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 height: auto;\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\n::selection {\n background-color: #161f27;\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$selection: #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 height: auto;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file +{"version":3,"sources":["parts/_typography.scss","builds/dark.css","_variables/_variables-dark.scss","builds/dark.scss","_variables/_variables-light.scss","parts/_base.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAwDA,gBCkEA,CCxHA,MACE,oBAAa,CACb,wBAAiB,CAEjB,mBAAY,CAEZ,mBAAY,CACZ,kBAAc,CAEd,eAAQ,CACR,4BAAQ,CACR,gBAAS,CACT,cAAO,CAEP,yBAAqB,CACrB,sBAAe,CAEf,yBAAkB,CAClB,+BAAwB,CAExB,0BAAmB,CACnB,gBDGF,CEfA,oCCTA,MACA,iBAAa,CACb,wBAAiB,CAEjB,mBAAY,CAEZ,mBAAY,CACZ,kBAAc,CAEd,eAAQ,CACR,4BAAQ,CACR,gBAAS,CACT,WAAO,CAEP,yBAAqB,CACrB,mBAAe,CAEf,yBAAkB,CAClB,+BAAwB,CAExB,0BAAmB,CACnB,gBHuBE,CACF,CI/CA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,4BAA6B,CAE7B,iCJ+CF,CI5CA,sBACE,sOJ+CF,CD9DA,GACE,eAAgB,CAChB,YCiEF,CD9DA,kBAME,kBCiEF,CD9DA,yBAOE,wBCiEF,CD9DA,8BASE,eCiEF,CD9DA,WACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBCiEF,CD9DA,kBACE,eAAgB,CAChB,iBCiEF,CD1DA,wBACE,iBCiEF,CD9DA,uBACE,aCiEF,CD9DA,oBACE,aCiEF,CD9DA,oBACE,aCiEF,CKlIA,kEAIE,cLqIF,CKlIA,oDAEE,aLqIF,CKlIA,6BACE,sBAAuB,CACvB,sCAAuC,CAEvC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YLkIF,CK/HA,oEAEE,uBLkIF,CK/HA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eLkIF,CK/HA,6CACE,kBAAmB,CACnB,iBLkIF,CK/HA,+DAGE,8BLkIF,CK/HA,qDAIE,iCLkIF,CK/HA,uHAKE,yBLkIF,CK/HA,iEAIE,kBAAmB,CACnB,ULkIF,CK/HA,4BACE,6BLkIF,CKnIA,uBACE,6BLkIF,CKnIA,wBACE,6BLkIF,CKnIA,cACE,6BLkIF,CM7MA,EACE,oBAAqB,CACrB,kBNgNF,CM7MA,QACE,yBNgNF,COtNA,SACE,gCAAiC,CACjC,iBAAkB,CAClB,WAAY,CACZ,iBPyNF,COtNA,SACE,YAAa,CACb,aAAc,CACd,ePyNF,CQnOA,IACE,cAAe,CACf,WRsOF,CQnOA,GACE,WAAY,CACZ,kCRsOF,CQnOA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,URsOF,CQnOA,MACE,WAAY,CACZ,eRsOF,CQnOA,GACE,qCRsOF,CQnOA,uBACE,sCRsOF,CQnOA,oBACE,WAAY,CACZ,URsOF,CQnOA,0BACE,gCAAiC,CACjC,iBRsOF,CQnOA,0BACE,iCAAkC,CAClC,iBRsOF,CQnOA,gCACE,uCRsOF,CQnOA,iBACE,iCRsOF,CQvOA,YACE,iCRsOF","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: var(--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 var(--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\";\n/**\n * Dark-themed version:\n * uses dark theme by default but switches to light theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n/* To use this file from Sass, import `_variables/_variables-dark` */\n:root {\n --background: #202b38;\n --background-alt: #161f27;\n --selection: #161f27;\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n --animation-duration: 0.1s;\n --button-hover: #324759;\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #415c73;\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n\n@media (prefers-color-scheme: light) {\n /* To use this file from Sass, import `_variables/_variables-light` */\n :root {\n --background: #ffffff;\n --background-alt: #efefef;\n --selection: #9e9e9e;\n --text-main: #363636;\n --text-bright: #000000;\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n --scrollbar-thumb: #d5d5d5;\n --scrollbar-thumb-hover: #c4c4c4;\n --form-placeholder: #949494;\n --form-text: #000000;\n }\n}\n\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: var(--text-main);\n background: var(--background);\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) 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: var(--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 var(--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}\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: var(--form-text);\n background-color: var(--background-alt);\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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}\n\na {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: var(--background-alt);\n color: var(--code);\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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n","/* To use this file from Sass, import `_variables/_variables-dark` */\n\n:root {\n --background: #202b38;\n --background-alt: #161f27;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #{lighten(#324759, 8%)};\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n","/**\n * Dark-themed version:\n * uses dark theme by default but switches to light theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../_variables/_variables-dark';\n\n@media (prefers-color-scheme: light) {\n @import '../_variables/_variables-light';\n}\n\n@import '../parts/core';\n","/* To use this file from Sass, import `_variables/_variables-light` */\n\n:root {\n--background: #ffffff;\n--background-alt: #efefef;\n\n--selection: #9e9e9e;\n\n--text-main: #363636;\n--text-bright: #000000;\n\n--links: #0076d1;\n--focus: #0096bfab;\n--border: #dbdbdb;\n--code: #000000;\n\n--animation-duration: 0.1s;\n--button-hover: #dddddd;\n\n--scrollbar-thumb: #{darken( #dddddd, 3% )};\n--scrollbar-thumb-hover: #{darken( #dddddd, 10% )};\n\n--form-placeholder: #949494;\n--form-text: #000000;\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file diff --git a/dist/dark.standalone.css b/dist/dark.standalone.css new file mode 100755 index 0000000..56f6603 --- /dev/null +++ b/dist/dark.standalone.css @@ -0,0 +1,344 @@ +@charset "UTF-8"; +/** + * Standalone dark-themed version. + * Includes dark variables and core, compiled at build time so the final output + * will only include regular CSS, no variables. + */ +/* To use this file from Sass, import `_variables/_variables-dark` */ + +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 { + transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease; +} + +input { + transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease; +} + +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 { + color: #ffffff; +} + +h2 { + color: #ffffff; +} + +h3 { + color: #ffffff; +} + +h4 { + color: #ffffff; +} + +h5 { + color: #ffffff; +} + +h6 { + color: #ffffff; +} + +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 { + 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; +} + +select { + 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; +} + +button { + 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; +} + +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 { + background: #324759; +} + +input[type='submit']:hover { + background: #324759; +} + +input[type='button']:hover { + background: #324759; +} + +input:focus { + box-shadow: 0 0 0 2px #0096bfab; +} + +select:focus { + box-shadow: 0 0 0 2px #0096bfab; +} + +button:focus { + box-shadow: 0 0 0 2px #0096bfab; +} + +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 { + background: #161f27; + color: #ffbe85; + padding: 5px; + border-radius: 6px; +} + +kbd { + background: #161f27; + color: #ffbe85; + padding: 5px; + border-radius: 6px; +} + +pre > code { + padding: 10px; + display: block; + overflow-x: auto; +} + +img { + max-width: 100%; + height: auto; +} + +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; +} + +::-moz-selection { + background-color: #161f27; +} + +::selection { + background-color: #161f27; +} + +/*# sourceMappingURL=dark.standalone.css.map */ diff --git a/dist/dark.standalone.css.map b/dist/dark.standalone.css.map new file mode 100644 index 0000000..ee5f6ac --- /dev/null +++ b/dist/dark.standalone.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["builds/dark.standalone.css","builds/dark.standalone.scss","_variables/_variables-dark.scss","parts/_base.scss","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"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","file":"dark.standalone.css","sourcesContent":["@charset \"UTF-8\";\n/**\n * Standalone dark-themed version.\n * Includes dark variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n/* To use this file from Sass, import `_variables/_variables-dark` */\n:root {\n --background: #202b38;\n --background-alt: #161f27;\n --selection: #161f27;\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n --animation-duration: 0.1s;\n --button-hover: #324759;\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #415c73;\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n\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: var(--text-main);\n background: var(--background);\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) 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: var(--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 var(--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}\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: var(--form-text);\n background-color: var(--background-alt);\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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}\n\na {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: var(--background-alt);\n color: var(--code);\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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n","/**\n * Standalone dark-themed version.\n * Includes dark variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n\n@import '../_variables/variables-dark';\n@import '../parts/core';\n","/* To use this file from Sass, import `_variables/_variables-dark` */\n\n:root {\n --background: #202b38;\n --background-alt: #161f27;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #{lighten(#324759, 8%)};\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file diff --git a/dist/dark.standalone.min.css b/dist/dark.standalone.min.css new file mode 100755 index 0000000..6d51d62 --- /dev/null +++ b/dist/dark.standalone.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%;height:auto}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}::-moz-selection{background-color:#161f27}::selection{background-color:#161f27} +/*# sourceMappingURL=dark.standalone.min.css.map */ diff --git a/dist/dark.standalone.min.css.map b/dist/dark.standalone.min.css.map new file mode 100644 index 0000000..75e071c --- /dev/null +++ b/dist/dark.standalone.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["parts/_typography.scss","builds/dark.standalone.css","parts/_base.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAwDA,gBC0CA,CClGA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aAAuB,CACvB,kBAA6B,CAE7B,iCDuBF,CCpBA,sBACE,wHDuBF,CDtCA,GACE,eAAgB,CAChB,YCyCF,CDtCA,kBAME,kBCyCF,CDtCA,yBAOE,UCyCF,CDtCA,8BASE,eCyCF,CDtCA,WACE,yCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBCyCF,CDtCA,kBACE,eAAgB,CAChB,iBCyCF,CDlCA,wBACE,iBCyCF,CDtCA,uBACE,aCyCF,CDtCA,oBACE,aCyCF,CDtCA,oBACE,aCyCF,CE1GA,kEAIE,cF6GF,CE1GA,oDAEE,aF6GF,CE1GA,6BACE,UAAuB,CACvB,wBAAuC,CAEvC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YF0GF,CEvGA,oEAEE,uBF0GF,CEvGA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eF0GF,CEvGA,6CACE,kBAAmB,CACnB,iBF0GF,CEvGA,+DAGE,kBF0GF,CEvGA,qDAIE,wCF0GF,CEvGA,uHAKE,yBF0GF,CEvGA,iEAIE,kBAAmB,CACnB,UF0GF,CEvGA,4BACE,aF0GF,CE3GA,uBACE,aF0GF,CE3GA,wBACE,aF0GF,CE3GA,cACE,aF0GF,CGrLA,EACE,oBAAqB,CACrB,aHwLF,CGrLA,QACE,yBHwLF,CI9LA,SACE,kBAAiC,CACjC,aAAkB,CAClB,WAAY,CACZ,iBJiMF,CI9LA,SACE,YAAa,CACb,aAAc,CACd,eJiMF,CK3MA,IACE,cAAe,CACf,WL8MF,CK3MA,GAEE,WAAmC,CAAnC,4BL8MF,CK3MA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UL8MF,CK3MA,MACE,WAAY,CACZ,eL8MF,CK3MA,GACE,+BL8MF,CK3MA,uBACE,wBL8MF,CK3MA,oBACE,WAAY,CACZ,UL8MF,CK3MA,0BACE,kBAAiC,CACjC,iBL8MF,CK3MA,0BACE,kBAAkC,CAClC,iBL8MF,CK3MA,gCACE,kBL8MF,CK3MA,iBACE,wBL8MF,CK/MA,YACE,wBL8MF","file":"dark.standalone.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: var(--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 var(--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\";\n/**\n * Standalone dark-themed version.\n * Includes dark variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n/* To use this file from Sass, import `_variables/_variables-dark` */\n:root {\n --background: #202b38;\n --background-alt: #161f27;\n --selection: #161f27;\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n --animation-duration: 0.1s;\n --button-hover: #324759;\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #415c73;\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n\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: var(--text-main);\n background: var(--background);\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) 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: var(--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 var(--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}\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: var(--form-text);\n background-color: var(--background-alt);\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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}\n\na {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: var(--background-alt);\n color: var(--code);\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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file diff --git a/dist/light-legacy.css b/dist/light-legacy.css new file mode 100755 index 0000000..83b0401 --- /dev/null +++ b/dist/light-legacy.css @@ -0,0 +1,10 @@ +/** + * Light-themed version for legacy browsers: + * Loads the compiled, standalone version of the light theme at runtime, + * but overrides it with the compiled, standalone version of the dark theme + * if a system-wide theme preference is set on the user's device. + */ +@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css"); +@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css") (prefers-color-scheme: dark); + +/*# sourceMappingURL=light-legacy.css.map */ diff --git a/dist/light-legacy.css.map b/dist/light-legacy.css.map new file mode 100644 index 0000000..f7a6339 --- /dev/null +++ b/dist/light-legacy.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["builds/light-legacy.scss","builds/light-legacy.css"],"names":[],"mappings":"AAAA;;;;;ECKE;ADEF,sFAAY;AACZ,kHAAiH","file":"light-legacy.css","sourcesContent":["/**\n * Light-themed version for legacy browsers:\n * Loads the compiled, standalone version of the light theme at runtime,\n * but overrides it with the compiled, standalone version of the dark theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css') (prefers-color-scheme: dark);\n","/**\n * Light-themed version for legacy browsers:\n * Loads the compiled, standalone version of the light theme at runtime,\n * but overrides it with the compiled, standalone version of the dark theme\n * if a system-wide theme preference is set on the user's device.\n */\n@import url(\"https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css\");\n@import url(\"https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css\") (prefers-color-scheme: dark);\n"]} \ No newline at end of file diff --git a/dist/light-legacy.min.css b/dist/light-legacy.min.css new file mode 100755 index 0000000..db050a6 --- /dev/null +++ b/dist/light-legacy.min.css @@ -0,0 +1,2 @@ +@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css");@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css") (prefers-color-scheme: dark); +/*# sourceMappingURL=light-legacy.min.css.map */ diff --git a/dist/light-legacy.min.css.map b/dist/light-legacy.min.css.map new file mode 100644 index 0000000..f266bc1 --- /dev/null +++ b/dist/light-legacy.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["builds/light-legacy.scss"],"names":[],"mappings":"AAOA,sFAAY,CACZ,kHAAiH","file":"light-legacy.min.css","sourcesContent":["/**\n * Light-themed version for legacy browsers:\n * Loads the compiled, standalone version of the light theme at runtime,\n * but overrides it with the compiled, standalone version of the dark theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css') (prefers-color-scheme: dark);\n"]} \ No newline at end of file diff --git a/dist/light.css b/dist/light.css index 921caf8..f57d3a4 100644 --- a/dist/light.css +++ b/dist/light.css @@ -1,17 +1,65 @@ @charset "UTF-8"; +/** + * Light-themed version: + * uses light theme by default but switches to dark theme + * if a system-wide theme preference is set on the user's device. + * + * Variables will remain uncompiled so the theme can update dynamically + * at runtime in the browser. + */ +/* To use this file from Sass, import `_variables/_variables-light` */ +:root { + --background: #ffffff; + --background-alt: #efefef; + --selection: #9e9e9e; + --text-main: #363636; + --text-bright: #000000; + --links: #0076d1; + --focus: #0096bfab; + --border: #dbdbdb; + --code: #000000; + --animation-duration: 0.1s; + --button-hover: #dddddd; + --scrollbar-thumb: #d5d5d5; + --scrollbar-thumb-hover: #c4c4c4; + --form-placeholder: #949494; + --form-text: #000000; +} + +@media (prefers-color-scheme: dark) { + /* To use this file from Sass, import `_variables/_variables-dark` */ + :root { + --background: #202b38; + --background-alt: #161f27; + --selection: #161f27; + --text-main: #dbdbdb; + --text-bright: #ffffff; + --links: #41adff; + --focus: #0096bfab; + --border: #dbdbdb; + --code: #ffbe85; + --animation-duration: 0.1s; + --button-hover: #324759; + --scrollbar-thumb: #324759; + --scrollbar-thumb-hover: #415c73; + --form-placeholder: #a9a9a9; + --form-text: #ffffff; + } +} + 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; + color: var(--text-main); + background: var(--background); 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; + transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) ease; } h1 { @@ -35,7 +83,7 @@ h4, h5, h6, strong { - color: #000000; + color: var(--text-bright); } h1, @@ -51,7 +99,7 @@ th { } blockquote { - border-left: 4px solid #0096bfab; + border-left: 4px solid var(--focus); margin: 1.5em 0em; padding: 0.5em 1em; font-style: italic; @@ -95,8 +143,8 @@ select { } input, select, button, textarea { - color: #000000; - background-color: #efefef; + color: var(--form-text); + background-color: var(--background-alt); font-family: inherit; font-size: inherit; margin-right: 6px; @@ -127,14 +175,14 @@ button, input[type='submit'], input[type='button'] { button:hover, input[type='submit']:hover, input[type='button']:hover { - background: #dddddd; + background: var(--button-hover); } input:focus, select:focus, button:focus, textarea:focus { - box-shadow: 0 0 0 2px #0096bfab; + box-shadow: 0 0 0 2px var(--focus); } input[type='checkbox']:active, @@ -154,24 +202,24 @@ textarea:disabled { } ::-webkit-input-placeholder { - color: #949494; + color: var(--form-placeholder); } :-ms-input-placeholder { - color: #949494; + color: var(--form-placeholder); } ::-ms-input-placeholder { - color: #949494; + color: var(--form-placeholder); } ::placeholder { - color: #949494; + color: var(--form-placeholder); } a { text-decoration: none; - color: #0076d1; + color: var(--links); } a:hover { @@ -179,8 +227,8 @@ a:hover { } code, kbd { - background: #efefef; - color: #000000; + background: var(--background-alt); + color: var(--code); padding: 5px; border-radius: 6px; } @@ -198,7 +246,7 @@ img { hr { border: none; - border-top: 1px solid #dbdbdb; + border-top: 1px solid var(--border); } table { @@ -213,11 +261,11 @@ td, th { } th { - border-bottom: 1px solid #dbdbdb; + border-bottom: 1px solid var(--border); } tbody tr:nth-child(even) { - background-color: #efefef; + background-color: var(--background-alt); } ::-webkit-scrollbar { @@ -226,25 +274,25 @@ tbody tr:nth-child(even) { } ::-webkit-scrollbar-track { - background: #efefef; + background: var(--background-alt); border-radius: 6px; } ::-webkit-scrollbar-thumb { - background: #d5d5d5; + background: var(--scrollbar-thumb); border-radius: 6px; } ::-webkit-scrollbar-thumb:hover { - background: #c4c4c4; + background: var(--scrollbar-thumb-hover); } ::-moz-selection { - background-color: #9e9e9e; + background-color: var(--selection); } ::selection { - background-color: #9e9e9e; + background-color: var(--selection); } /*# sourceMappingURL=light.css.map */ diff --git a/dist/light.css.map b/dist/light.css.map index 3fce7d2..05e91e0 100644 --- a/dist/light.css.map +++ b/dist/light.css.map @@ -1 +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,cCHiB;EDIjB,mBCTkB;EDWlB,kCAAkC;ADDpC;;ACIA;EACE,kIAI8C;ADLhD;;AGdA;EACE,gBAAgB;EAChB,aAAa;AHiBf;;AGdA;;;;;;EAME,mBAAmB;AHiBrB;;AGdA;;;;;;;EAOE,cDfmB;AFgCrB;;AGdA;;;;;;;;;EASE,gBAAgB;AHiBlB;;AGdA;EACE,gCD5Be;EC6Bf,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,cFOiB;EENjB,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,mBFnCoB;AFqHtB;;AI/EA;;;;EAIE,+BF9Ce;AFgIjB;;AI/EA;;;;;EAKE,0BAA0B;AJkF5B;;AI/EA;;;;EAIE,mBAAmB;EACnB,WAAW;AJkFb;;AI/EA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AK7JA;EACE,qBAAqB;EACrB,cHMa;AF0Jf;;AK7JA;EACE,0BAA0B;ALgK5B;;AMtKA;EACE,mBJAsB;EICtB,cJSY;EIRZ,YAAY;EACZ,kBAAkB;ANyKpB;;AMtKA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;ANyKlB;;AOnLA;EACE,eAAe;EACf,YAAY;APsLd;;AOnLA;EACE,YAAY;EACZ,6BLGc;AFmLhB;;AOnLA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;APsLb;;AOnLA;EACE,YAAY;EACZ,gBAAgB;APsLlB;;AOnLA;EACE,gCLZc;AFkMhB;;AOnLA;EACE,yBLzBsB;AF+MxB;;AOnLA;EACE,YAAY;EACZ,WAAW;APsLb;;AOnLA;EACE,mBLlCsB;EKmCtB,kBAAkB;APsLpB;;AOnLA;EACE,mBLxByC;EKyBzC,kBAAkB;APsLpB;;AOnLA;EACE,mBL5BgD;AFkNlD;;AOnLA;EACE,yBL9CiB;AFoOnB;;AOvLA;EACE,yBL9CiB;AFoOnB","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 height: auto;\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\n::selection {\n background-color: #9e9e9e;\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$selection: #9e9e9e !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 height: auto;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file +{"version":3,"sources":["builds/light.css","builds/light.scss","_variables/_variables-light.scss","_variables/_variables-dark.scss","parts/_base.scss","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"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","file":"light.css","sourcesContent":["@charset \"UTF-8\";\n/**\n * Light-themed version:\n * uses light theme by default but switches to dark theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n/* To use this file from Sass, import `_variables/_variables-light` */\n:root {\n --background: #ffffff;\n --background-alt: #efefef;\n --selection: #9e9e9e;\n --text-main: #363636;\n --text-bright: #000000;\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n --scrollbar-thumb: #d5d5d5;\n --scrollbar-thumb-hover: #c4c4c4;\n --form-placeholder: #949494;\n --form-text: #000000;\n}\n\n@media (prefers-color-scheme: dark) {\n /* To use this file from Sass, import `_variables/_variables-dark` */\n :root {\n --background: #202b38;\n --background-alt: #161f27;\n --selection: #161f27;\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n --animation-duration: 0.1s;\n --button-hover: #324759;\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #415c73;\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n }\n}\n\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: var(--text-main);\n background: var(--background);\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) 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: var(--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 var(--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}\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: var(--form-text);\n background-color: var(--background-alt);\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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}\n\na {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: var(--background-alt);\n color: var(--code);\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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n","/**\n * Light-themed version:\n * uses light theme by default but switches to dark theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../_variables/variables-light';\n\n@media (prefers-color-scheme: dark) {\n @import '../_variables/variables-dark';\n}\n\n@import '../parts/core';","/* To use this file from Sass, import `_variables/_variables-light` */\n\n:root {\n--background: #ffffff;\n--background-alt: #efefef;\n\n--selection: #9e9e9e;\n\n--text-main: #363636;\n--text-bright: #000000;\n\n--links: #0076d1;\n--focus: #0096bfab;\n--border: #dbdbdb;\n--code: #000000;\n\n--animation-duration: 0.1s;\n--button-hover: #dddddd;\n\n--scrollbar-thumb: #{darken( #dddddd, 3% )};\n--scrollbar-thumb-hover: #{darken( #dddddd, 10% )};\n\n--form-placeholder: #949494;\n--form-text: #000000;\n}\n","/* To use this file from Sass, import `_variables/_variables-dark` */\n\n:root {\n --background: #202b38;\n --background-alt: #161f27;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #{lighten(#324759, 8%)};\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file diff --git a/dist/light.min.css b/dist/light.min.css index 6c8d56e..95505f3 100644 --- a/dist/light.min.css +++ b/dist/light.min.css @@ -1,2 +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%;height:auto}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}::-moz-selection{background-color:#9e9e9e}::selection{background-color:#9e9e9e} +@charset "UTF-8";:root{--background:#fff;--background-alt:#efefef;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--links:#0076d1;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#000;--animation-duration:0.1s;--button-hover:#ddd;--scrollbar-thumb:#d5d5d5;--scrollbar-thumb-hover:#c4c4c4;--form-placeholder:#949494;--form-text:#000}@media (prefers-color-scheme:dark){:root{--background:#202b38;--background-alt:#161f27;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--links:#41adff;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#ffbe85;--animation-duration:0.1s;--button-hover:#324759;--scrollbar-thumb:#324759;--scrollbar-thumb-hover:#415c73;--form-placeholder:#a9a9a9;--form-text:#fff}}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:var(--text-main);background:var(--background);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) 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:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid var(--focus);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:var(--form-text);background-color:var(--background-alt);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:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}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:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,kbd{background:var(--background-alt);color:var(--code);padding:5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background-alt);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)} /*# sourceMappingURL=light.min.css.map */ diff --git a/dist/light.min.css.map b/dist/light.min.css.map index 7d63e6f..c5777cb 100644 --- a/dist/light.min.css.map +++ b/dist/light.min.css.map @@ -1 +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,aCHiB,CDIjB,eCTkB,CDWlB,iCDDF,CCIA,sBACE,wHDDF,CDdA,GACE,eAAgB,CAChB,YCiBF,CDdA,kBAME,kBCiBF,CDdA,yBAOE,UCiBF,CDdA,8BASE,eCiBF,CDdA,WACE,yCG5Be,CH6Bf,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,UDOiB,CCNjB,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,UHSY,CGRZ,WAAY,CACZ,iBLyKF,CKtKA,SACE,YAAa,CACb,aAAc,CACd,eLyKF,CMnLA,IACE,cAAe,CACf,WNsLF,CMnLA,GAEE,WJGc,CIHd,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,kBJlCsB,CImCtB,iBAXF,CAcA,0BACE,kBJxByC,CIyBzC,iBNsLF,CMnLA,gCACE,kBAXF,CAcA,iBACE,wBNsLF,CMvLA,YACE,wBNsLF","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 height: auto;\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\n::selection {\n background-color: #9e9e9e;\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$selection: #9e9e9e !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 height: auto;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file +{"version":3,"sources":["parts/_typography.scss","builds/light.css","_variables/_variables-light.scss","builds/light.scss","_variables/_variables-dark.scss","parts/_base.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAwDA,gBCkEA,CCxHA,MACA,iBAAa,CACb,wBAAiB,CAEjB,mBAAY,CAEZ,mBAAY,CACZ,kBAAc,CAEd,eAAQ,CACR,4BAAQ,CACR,gBAAS,CACT,WAAO,CAEP,yBAAqB,CACrB,mBAAe,CAEf,yBAAkB,CAClB,+BAAwB,CAExB,0BAAmB,CACnB,gBDGA,CEfA,mCCTA,MACE,oBAAa,CACb,wBAAiB,CAEjB,mBAAY,CAEZ,mBAAY,CACZ,kBAAc,CAEd,eAAQ,CACR,4BAAQ,CACR,gBAAS,CACT,cAAO,CAEP,yBAAqB,CACrB,sBAAe,CAEf,yBAAkB,CAClB,+BAAwB,CAExB,0BAAmB,CACnB,gBHuBA,CACF,CI/CA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,4BAA6B,CAE7B,iCJ+CF,CI5CA,sBACE,sOJ+CF,CD9DA,GACE,eAAgB,CAChB,YCiEF,CD9DA,kBAME,kBCiEF,CD9DA,yBAOE,wBCiEF,CD9DA,8BASE,eCiEF,CD9DA,WACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBCiEF,CD9DA,kBACE,eAAgB,CAChB,iBCiEF,CD1DA,wBACE,iBCiEF,CD9DA,uBACE,aCiEF,CD9DA,oBACE,aCiEF,CD9DA,oBACE,aCiEF,CKlIA,kEAIE,cLqIF,CKlIA,oDAEE,aLqIF,CKlIA,6BACE,sBAAuB,CACvB,sCAAuC,CAEvC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YLkIF,CK/HA,oEAEE,uBLkIF,CK/HA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eLkIF,CK/HA,6CACE,kBAAmB,CACnB,iBLkIF,CK/HA,+DAGE,8BLkIF,CK/HA,qDAIE,iCLkIF,CK/HA,uHAKE,yBLkIF,CK/HA,iEAIE,kBAAmB,CACnB,ULkIF,CK/HA,4BACE,6BLkIF,CKnIA,uBACE,6BLkIF,CKnIA,wBACE,6BLkIF,CKnIA,cACE,6BLkIF,CM7MA,EACE,oBAAqB,CACrB,kBNgNF,CM7MA,QACE,yBNgNF,COtNA,SACE,gCAAiC,CACjC,iBAAkB,CAClB,WAAY,CACZ,iBPyNF,COtNA,SACE,YAAa,CACb,aAAc,CACd,ePyNF,CQnOA,IACE,cAAe,CACf,WRsOF,CQnOA,GACE,WAAY,CACZ,kCRsOF,CQnOA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,URsOF,CQnOA,MACE,WAAY,CACZ,eRsOF,CQnOA,GACE,qCRsOF,CQnOA,uBACE,sCRsOF,CQnOA,oBACE,WAAY,CACZ,URsOF,CQnOA,0BACE,gCAAiC,CACjC,iBRsOF,CQnOA,0BACE,iCAAkC,CAClC,iBRsOF,CQnOA,gCACE,uCRsOF,CQnOA,iBACE,iCRsOF,CQvOA,YACE,iCRsOF","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: var(--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 var(--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\";\n/**\n * Light-themed version:\n * uses light theme by default but switches to dark theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n/* To use this file from Sass, import `_variables/_variables-light` */\n:root {\n --background: #ffffff;\n --background-alt: #efefef;\n --selection: #9e9e9e;\n --text-main: #363636;\n --text-bright: #000000;\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n --scrollbar-thumb: #d5d5d5;\n --scrollbar-thumb-hover: #c4c4c4;\n --form-placeholder: #949494;\n --form-text: #000000;\n}\n\n@media (prefers-color-scheme: dark) {\n /* To use this file from Sass, import `_variables/_variables-dark` */\n :root {\n --background: #202b38;\n --background-alt: #161f27;\n --selection: #161f27;\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n --animation-duration: 0.1s;\n --button-hover: #324759;\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #415c73;\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n }\n}\n\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: var(--text-main);\n background: var(--background);\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) 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: var(--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 var(--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}\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: var(--form-text);\n background-color: var(--background-alt);\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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}\n\na {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: var(--background-alt);\n color: var(--code);\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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n","/* To use this file from Sass, import `_variables/_variables-light` */\n\n:root {\n--background: #ffffff;\n--background-alt: #efefef;\n\n--selection: #9e9e9e;\n\n--text-main: #363636;\n--text-bright: #000000;\n\n--links: #0076d1;\n--focus: #0096bfab;\n--border: #dbdbdb;\n--code: #000000;\n\n--animation-duration: 0.1s;\n--button-hover: #dddddd;\n\n--scrollbar-thumb: #{darken( #dddddd, 3% )};\n--scrollbar-thumb-hover: #{darken( #dddddd, 10% )};\n\n--form-placeholder: #949494;\n--form-text: #000000;\n}\n","/**\n * Light-themed version:\n * uses light theme by default but switches to dark theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../_variables/variables-light';\n\n@media (prefers-color-scheme: dark) {\n @import '../_variables/variables-dark';\n}\n\n@import '../parts/core';","/* To use this file from Sass, import `_variables/_variables-dark` */\n\n:root {\n --background: #202b38;\n --background-alt: #161f27;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #{lighten(#324759, 8%)};\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file diff --git a/dist/light.standalone.css b/dist/light.standalone.css new file mode 100755 index 0000000..ae474f3 --- /dev/null +++ b/dist/light.standalone.css @@ -0,0 +1,344 @@ +@charset "UTF-8"; +/** + * Standalone light-themed version. + * Includes light variables and core, compiled at build time so the final output + * will only include regular CSS, no variables. + */ +/* To use this file from Sass, import `_variables/_variables-light` */ + +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 { + transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease; +} + +input { + transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease; +} + +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 { + color: #000000; +} + +h2 { + color: #000000; +} + +h3 { + color: #000000; +} + +h4 { + color: #000000; +} + +h5 { + color: #000000; +} + +h6 { + color: #000000; +} + +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 { + 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; +} + +select { + 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; +} + +button { + 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; +} + +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 { + background: #dddddd; +} + +input[type='submit']:hover { + background: #dddddd; +} + +input[type='button']:hover { + background: #dddddd; +} + +input:focus { + box-shadow: 0 0 0 2px #0096bfab; +} + +select:focus { + box-shadow: 0 0 0 2px #0096bfab; +} + +button:focus { + box-shadow: 0 0 0 2px #0096bfab; +} + +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 { + background: #efefef; + color: #000000; + padding: 5px; + border-radius: 6px; +} + +kbd { + background: #efefef; + color: #000000; + padding: 5px; + border-radius: 6px; +} + +pre > code { + padding: 10px; + display: block; + overflow-x: auto; +} + +img { + max-width: 100%; + height: auto; +} + +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; +} + +::-moz-selection { + background-color: #9e9e9e; +} + +::selection { + background-color: #9e9e9e; +} + +/*# sourceMappingURL=light.standalone.css.map */ diff --git a/dist/light.standalone.css.map b/dist/light.standalone.css.map new file mode 100644 index 0000000..97a748a --- /dev/null +++ b/dist/light.standalone.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["builds/light.standalone.css","builds/light.standalone.scss","_variables/_variables-light.scss","parts/_base.scss","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"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","file":"light.standalone.css","sourcesContent":["@charset \"UTF-8\";\n/**\n * Standalone light-themed version.\n * Includes light variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n/* To use this file from Sass, import `_variables/_variables-light` */\n:root {\n --background: #ffffff;\n --background-alt: #efefef;\n --selection: #9e9e9e;\n --text-main: #363636;\n --text-bright: #000000;\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n --scrollbar-thumb: #d5d5d5;\n --scrollbar-thumb-hover: #c4c4c4;\n --form-placeholder: #949494;\n --form-text: #000000;\n}\n\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: var(--text-main);\n background: var(--background);\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) 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: var(--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 var(--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}\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: var(--form-text);\n background-color: var(--background-alt);\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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}\n\na {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: var(--background-alt);\n color: var(--code);\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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n","/**\n * Standalone light-themed version.\n * Includes light variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n\n@import '../_variables/variables-light';\n@import '../parts/core';\n","/* To use this file from Sass, import `_variables/_variables-light` */\n\n:root {\n--background: #ffffff;\n--background-alt: #efefef;\n\n--selection: #9e9e9e;\n\n--text-main: #363636;\n--text-bright: #000000;\n\n--links: #0076d1;\n--focus: #0096bfab;\n--border: #dbdbdb;\n--code: #000000;\n\n--animation-duration: 0.1s;\n--button-hover: #dddddd;\n\n--scrollbar-thumb: #{darken( #dddddd, 3% )};\n--scrollbar-thumb-hover: #{darken( #dddddd, 10% )};\n\n--form-placeholder: #949494;\n--form-text: #000000;\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file diff --git a/dist/light.standalone.min.css b/dist/light.standalone.min.css new file mode 100755 index 0000000..25c6e92 --- /dev/null +++ b/dist/light.standalone.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%;height:auto}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}::-moz-selection{background-color:#9e9e9e}::selection{background-color:#9e9e9e} +/*# sourceMappingURL=light.standalone.min.css.map */ diff --git a/dist/light.standalone.min.css.map b/dist/light.standalone.min.css.map new file mode 100644 index 0000000..5ce7eab --- /dev/null +++ b/dist/light.standalone.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["parts/_typography.scss","builds/light.standalone.css","parts/_base.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAwDA,gBC0CA,CClGA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aAAuB,CACvB,eAA6B,CAE7B,iCDuBF,CCpBA,sBACE,wHDuBF,CDtCA,GACE,eAAgB,CAChB,YCyCF,CDtCA,kBAME,kBCyCF,CDtCA,yBAOE,UCyCF,CDtCA,8BASE,eCyCF,CDtCA,WACE,yCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBCyCF,CDtCA,kBACE,eAAgB,CAChB,iBCyCF,CDlCA,wBACE,iBCyCF,CDtCA,uBACE,aCyCF,CDtCA,oBACE,aCyCF,CDtCA,oBACE,aCyCF,CE1GA,kEAIE,cF6GF,CE1GA,oDAEE,aF6GF,CE1GA,6BACE,UAAuB,CACvB,wBAAuC,CAEvC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YF0GF,CEvGA,oEAEE,uBF0GF,CEvGA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eF0GF,CEvGA,6CACE,kBAAmB,CACnB,iBF0GF,CEvGA,+DAGE,eF0GF,CEvGA,qDAIE,wCF0GF,CEvGA,uHAKE,yBF0GF,CEvGA,iEAIE,kBAAmB,CACnB,UF0GF,CEvGA,4BACE,aF0GF,CE3GA,uBACE,aF0GF,CE3GA,wBACE,aF0GF,CE3GA,cACE,aF0GF,CGrLA,EACE,oBAAqB,CACrB,aHwLF,CGrLA,QACE,yBHwLF,CI9LA,SACE,kBAAiC,CACjC,UAAkB,CAClB,WAAY,CACZ,iBJiMF,CI9LA,SACE,YAAa,CACb,aAAc,CACd,eJiMF,CK3MA,IACE,cAAe,CACf,WL8MF,CK3MA,GAEE,WAAmC,CAAnC,4BL8MF,CK3MA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UL8MF,CK3MA,MACE,WAAY,CACZ,eL8MF,CK3MA,GACE,+BL8MF,CK3MA,uBACE,wBL8MF,CK3MA,oBACE,WAAY,CACZ,UL8MF,CK3MA,0BACE,kBAAiC,CACjC,iBL8MF,CK3MA,0BACE,kBAAkC,CAClC,iBL8MF,CK3MA,gCACE,kBL8MF,CK3MA,iBACE,wBL8MF,CK/MA,YACE,wBL8MF","file":"light.standalone.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: var(--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 var(--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\";\n/**\n * Standalone light-themed version.\n * Includes light variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n/* To use this file from Sass, import `_variables/_variables-light` */\n:root {\n --background: #ffffff;\n --background-alt: #efefef;\n --selection: #9e9e9e;\n --text-main: #363636;\n --text-bright: #000000;\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n --scrollbar-thumb: #d5d5d5;\n --scrollbar-thumb-hover: #c4c4c4;\n --form-placeholder: #949494;\n --form-text: #000000;\n}\n\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: var(--text-main);\n background: var(--background);\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) 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: var(--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 var(--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}\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: var(--form-text);\n background-color: var(--background-alt);\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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}\n\na {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: var(--background-alt);\n color: var(--code);\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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file diff --git a/src/_variables/_variables-dark.scss b/src/_variables/_variables-dark.scss new file mode 100755 index 0000000..7c2d44c --- /dev/null +++ b/src/_variables/_variables-dark.scss @@ -0,0 +1,25 @@ +/* To use this file from Sass, import `_variables/_variables-dark` */ + +:root { + --background: #202b38; + --background-alt: #161f27; + + --selection: #161f27; + + --text-main: #dbdbdb; + --text-bright: #ffffff; + + --links: #41adff; + --focus: #0096bfab; + --border: #dbdbdb; + --code: #ffbe85; + + --animation-duration: 0.1s; + --button-hover: #324759; + + --scrollbar-thumb: #324759; + --scrollbar-thumb-hover: #{lighten(#324759, 8%)}; + + --form-placeholder: #a9a9a9; + --form-text: #ffffff; +} diff --git a/src/_variables/_variables-light.scss b/src/_variables/_variables-light.scss new file mode 100755 index 0000000..3467f8c --- /dev/null +++ b/src/_variables/_variables-light.scss @@ -0,0 +1,25 @@ +/* To use this file from Sass, import `_variables/_variables-light` */ + +:root { +--background: #ffffff; +--background-alt: #efefef; + +--selection: #9e9e9e; + +--text-main: #363636; +--text-bright: #000000; + +--links: #0076d1; +--focus: #0096bfab; +--border: #dbdbdb; +--code: #000000; + +--animation-duration: 0.1s; +--button-hover: #dddddd; + +--scrollbar-thumb: #{darken( #dddddd, 3% )}; +--scrollbar-thumb-hover: #{darken( #dddddd, 10% )}; + +--form-placeholder: #949494; +--form-text: #000000; +} diff --git a/src/variables-dark.scss b/src/variables-dark.scss index 49e5cdd..3412b13 100755 --- a/src/variables-dark.scss +++ b/src/variables-dark.scss @@ -1,4 +1,4 @@ -/* ! To use this file from Sass, import `_variables/_variables-dark` ! */ +/* To use this file from Sass, import `_variables/_variables-dark` */ :root { --background: #202b38; diff --git a/src/variables-light.scss b/src/variables-light.scss index 5ba5d4f..d5189df 100755 --- a/src/variables-light.scss +++ b/src/variables-light.scss @@ -1,4 +1,4 @@ -/* ! To use this file from Sass, import `_variables/_variables-light` ! */ +/* To use this file from Sass, import `_variables/_variables-light` */ :root { --background: #ffffff; From da5e8fd653b1497df5a6a6baffc3a4727d625469 Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Mon, 6 May 2019 01:56:07 +0200 Subject: [PATCH 21/44] fix: typo - variable -> variables --- src/_variables/README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/_variables/README.md b/src/_variables/README.md index 79a1d6e..18ae53c 100755 --- a/src/_variables/README.md +++ b/src/_variables/README.md @@ -1,7 +1,7 @@ -Every file matching variable-*.scss in src/ will be processed with PostCSS, +Every file matching variables-*.scss in src/ will be processed with PostCSS, prefixed with "_" and copied to this folder at build time. > ⚠ Any changes you make to files within this folder **will be overwritten** on next build! -→ Edit variables within `src/variable-[...].scss` -→ Use them within Sass by importing `src/_variables/_variable-[...]`. +→ Edit variables within `src/variables-[...].scss` +→ Use them within Sass by importing `src/_variables/_variables-[...]`. From 1efce0e5590ef317739c4c4e62e5b7350531f2dc Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Tue, 7 May 2019 01:37:36 +0200 Subject: [PATCH 22/44] feat: rename .scss -> .css and use color-mod() --- src/_variables/README.md | 7 ------ src/_variables/_variables-dark.scss | 25 ------------------- src/_variables/_variables-light.scss | 25 ------------------- .../{dark-legacy.scss => dark-legacy.css} | 0 src/builds/{dark.scss => dark.css} | 9 +++---- ...rk.standalone.scss => dark.standalone.css} | 4 +-- .../{light-legacy.scss => light-legacy.css} | 0 src/builds/{light.scss => light.css} | 8 +++--- ...t.standalone.scss => light.standalone.css} | 4 +-- src/parts/{_base.scss => _base.css} | 0 src/parts/{_code.scss => _code.css} | 0 src/parts/_core.css | 6 +++++ src/parts/_core.scss | 6 ----- src/parts/{_forms.scss => _forms.css} | 0 src/parts/{_links.scss => _links.css} | 0 src/parts/{_misc.scss => _misc.css} | 0 .../{_typography.scss => _typography.css} | 0 ...variables-dark.scss => variables-dark.css} | 4 +-- src/variables-light.css | 23 +++++++++++++++++ src/variables-light.scss | 25 ------------------- 20 files changed, 40 insertions(+), 106 deletions(-) delete mode 100755 src/_variables/README.md delete mode 100755 src/_variables/_variables-dark.scss delete mode 100755 src/_variables/_variables-light.scss rename src/builds/{dark-legacy.scss => dark-legacy.css} (100%) rename src/builds/{dark.scss => dark.css} (63%) rename src/builds/{dark.standalone.scss => dark.standalone.css} (72%) rename src/builds/{light-legacy.scss => light-legacy.css} (100%) rename src/builds/{light.scss => light.css} (64%) rename src/builds/{light.standalone.scss => light.standalone.css} (72%) rename src/parts/{_base.scss => _base.css} (100%) rename src/parts/{_code.scss => _code.css} (100%) create mode 100644 src/parts/_core.css delete mode 100644 src/parts/_core.scss rename src/parts/{_forms.scss => _forms.css} (100%) rename src/parts/{_links.scss => _links.css} (100%) rename src/parts/{_misc.scss => _misc.css} (100%) rename src/parts/{_typography.scss => _typography.css} (100%) rename src/{variables-dark.scss => variables-dark.css} (73%) create mode 100755 src/variables-light.css delete mode 100755 src/variables-light.scss diff --git a/src/_variables/README.md b/src/_variables/README.md deleted file mode 100755 index 18ae53c..0000000 --- a/src/_variables/README.md +++ /dev/null @@ -1,7 +0,0 @@ -Every file matching variables-*.scss in src/ will be processed with PostCSS, -prefixed with "_" and copied to this folder at build time. - -> ⚠ Any changes you make to files within this folder **will be overwritten** on next build! - -→ Edit variables within `src/variables-[...].scss` -→ Use them within Sass by importing `src/_variables/_variables-[...]`. diff --git a/src/_variables/_variables-dark.scss b/src/_variables/_variables-dark.scss deleted file mode 100755 index 7c2d44c..0000000 --- a/src/_variables/_variables-dark.scss +++ /dev/null @@ -1,25 +0,0 @@ -/* To use this file from Sass, import `_variables/_variables-dark` */ - -:root { - --background: #202b38; - --background-alt: #161f27; - - --selection: #161f27; - - --text-main: #dbdbdb; - --text-bright: #ffffff; - - --links: #41adff; - --focus: #0096bfab; - --border: #dbdbdb; - --code: #ffbe85; - - --animation-duration: 0.1s; - --button-hover: #324759; - - --scrollbar-thumb: #324759; - --scrollbar-thumb-hover: #{lighten(#324759, 8%)}; - - --form-placeholder: #a9a9a9; - --form-text: #ffffff; -} diff --git a/src/_variables/_variables-light.scss b/src/_variables/_variables-light.scss deleted file mode 100755 index 3467f8c..0000000 --- a/src/_variables/_variables-light.scss +++ /dev/null @@ -1,25 +0,0 @@ -/* To use this file from Sass, import `_variables/_variables-light` */ - -:root { ---background: #ffffff; ---background-alt: #efefef; - ---selection: #9e9e9e; - ---text-main: #363636; ---text-bright: #000000; - ---links: #0076d1; ---focus: #0096bfab; ---border: #dbdbdb; ---code: #000000; - ---animation-duration: 0.1s; ---button-hover: #dddddd; - ---scrollbar-thumb: #{darken( #dddddd, 3% )}; ---scrollbar-thumb-hover: #{darken( #dddddd, 10% )}; - ---form-placeholder: #949494; ---form-text: #000000; -} diff --git a/src/builds/dark-legacy.scss b/src/builds/dark-legacy.css similarity index 100% rename from src/builds/dark-legacy.scss rename to src/builds/dark-legacy.css diff --git a/src/builds/dark.scss b/src/builds/dark.css similarity index 63% rename from src/builds/dark.scss rename to src/builds/dark.css index e958c58..d0547fd 100644 --- a/src/builds/dark.scss +++ b/src/builds/dark.css @@ -7,10 +7,7 @@ * at runtime in the browser. */ -@import '../_variables/_variables-dark'; +@import '../variables-dark.css'; +@import '../variables-light.css' (prefers-color-scheme: light); -@media (prefers-color-scheme: light) { - @import '../_variables/_variables-light'; -} - -@import '../parts/core'; +@import '../parts/_core.css'; diff --git a/src/builds/dark.standalone.scss b/src/builds/dark.standalone.css similarity index 72% rename from src/builds/dark.standalone.scss rename to src/builds/dark.standalone.css index 7f9932c..421e316 100755 --- a/src/builds/dark.standalone.scss +++ b/src/builds/dark.standalone.css @@ -4,5 +4,5 @@ * will only include regular CSS, no variables. */ -@import '../_variables/variables-dark'; -@import '../parts/core'; +@import '../variables-dark.css'; +@import '../parts/_core.css'; diff --git a/src/builds/light-legacy.scss b/src/builds/light-legacy.css similarity index 100% rename from src/builds/light-legacy.scss rename to src/builds/light-legacy.css diff --git a/src/builds/light.scss b/src/builds/light.css similarity index 64% rename from src/builds/light.scss rename to src/builds/light.css index 89205db..21633d1 100644 --- a/src/builds/light.scss +++ b/src/builds/light.css @@ -7,10 +7,8 @@ * at runtime in the browser. */ -@import '../_variables/variables-light'; +@import '../variables-light.css'; +@import '../variables-dark.css' (prefers-color-scheme: dark); -@media (prefers-color-scheme: dark) { - @import '../_variables/variables-dark'; -} -@import '../parts/core'; \ No newline at end of file +@import '../parts/_core.css'; \ No newline at end of file diff --git a/src/builds/light.standalone.scss b/src/builds/light.standalone.css similarity index 72% rename from src/builds/light.standalone.scss rename to src/builds/light.standalone.css index eab8a85..555084b 100755 --- a/src/builds/light.standalone.scss +++ b/src/builds/light.standalone.css @@ -4,5 +4,5 @@ * will only include regular CSS, no variables. */ -@import '../_variables/variables-light'; -@import '../parts/core'; +@import '../variables-light.css'; +@import '../parts/_core.css'; diff --git a/src/parts/_base.scss b/src/parts/_base.css similarity index 100% rename from src/parts/_base.scss rename to src/parts/_base.css diff --git a/src/parts/_code.scss b/src/parts/_code.css similarity index 100% rename from src/parts/_code.scss rename to src/parts/_code.css diff --git a/src/parts/_core.css b/src/parts/_core.css new file mode 100644 index 0000000..db69e63 --- /dev/null +++ b/src/parts/_core.css @@ -0,0 +1,6 @@ +@import '_base.css'; +@import '_typography.css'; +@import '_forms.css'; +@import '_links.css'; +@import '_code.css'; +@import '_misc.css'; \ No newline at end of file diff --git a/src/parts/_core.scss b/src/parts/_core.scss deleted file mode 100644 index 0e7be37..0000000 --- a/src/parts/_core.scss +++ /dev/null @@ -1,6 +0,0 @@ -@import 'base'; -@import 'typography'; -@import 'forms'; -@import 'links'; -@import 'code'; -@import 'misc'; \ No newline at end of file diff --git a/src/parts/_forms.scss b/src/parts/_forms.css similarity index 100% rename from src/parts/_forms.scss rename to src/parts/_forms.css diff --git a/src/parts/_links.scss b/src/parts/_links.css similarity index 100% rename from src/parts/_links.scss rename to src/parts/_links.css diff --git a/src/parts/_misc.scss b/src/parts/_misc.css similarity index 100% rename from src/parts/_misc.scss rename to src/parts/_misc.css diff --git a/src/parts/_typography.scss b/src/parts/_typography.css similarity index 100% rename from src/parts/_typography.scss rename to src/parts/_typography.css diff --git a/src/variables-dark.scss b/src/variables-dark.css similarity index 73% rename from src/variables-dark.scss rename to src/variables-dark.css index 3412b13..f9dab09 100755 --- a/src/variables-dark.scss +++ b/src/variables-dark.css @@ -1,5 +1,3 @@ -/* To use this file from Sass, import `_variables/_variables-dark` */ - :root { --background: #202b38; --background-alt: #161f27; @@ -18,7 +16,7 @@ --button-hover: #324759; --scrollbar-thumb: var(--button-hover); - --scrollbar-thumb-hover: #{lighten(var(--scrollbar-thumb), 8%)}; + --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%)); --form-placeholder: #a9a9a9; --form-text: #ffffff; diff --git a/src/variables-light.css b/src/variables-light.css new file mode 100755 index 0000000..53615be --- /dev/null +++ b/src/variables-light.css @@ -0,0 +1,23 @@ +:root { + --background: #ffffff; + --background-alt: #efefef; + + --selection: #9e9e9e; + + --text-main: #363636; + --text-bright: #000000; + + --links: #0076d1; + --focus: #0096bfab; + --border: #dbdbdb; + --code: #000000; + + --animation-duration: 0.1s; + --button-hover: #dddddd; + + --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%)); + --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%)); + + --form-placeholder: #949494; + --form-text: #000000; +} diff --git a/src/variables-light.scss b/src/variables-light.scss deleted file mode 100755 index d5189df..0000000 --- a/src/variables-light.scss +++ /dev/null @@ -1,25 +0,0 @@ -/* To use this file from Sass, import `_variables/_variables-light` */ - -:root { ---background: #ffffff; ---background-alt: #efefef; - ---selection: #9e9e9e; - ---text-main: #363636; ---text-bright: #000000; - ---links: #0076d1; ---focus: #0096bfab; ---border: #dbdbdb; ---code: #000000; - ---animation-duration: 0.1s; ---button-hover: #dddddd; - ---scrollbar-thumb: #{darken( var(--button-hover), 3% )}; ---scrollbar-thumb-hover: #{darken( var(--button-hover), 10% )}; - ---form-placeholder: #949494; ---form-text: #000000; -} From 11b0a7d3a51452ac6734d41ebca941536c8fcb61 Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Tue, 7 May 2019 01:43:58 +0200 Subject: [PATCH 23/44] feat: update gulp to compile using PostCSS --- gulpfile.js | 55 ++-- package.json | 5 +- yarn.lock | 742 ++++++++------------------------------------------- 3 files changed, 130 insertions(+), 672 deletions(-) diff --git a/gulpfile.js b/gulpfile.js index 16eb599..fc7c619 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -1,5 +1,4 @@ const gulp = require('gulp') -const sass = require('gulp-sass') const postcss = require('gulp-postcss') const autoprefixer = require('autoprefixer') const cssnano = require('cssnano') @@ -10,22 +9,15 @@ const chalk = require('chalk'); const rename = require('gulp-rename'); const filter = require('gulp-filter'); const flatten = require('gulp-flatten') -const postcssSassParser = require('postcss-scss') +const sizereport = require('gulp-sizereport') const postcssCssVariables = require('postcss-css-variables') +const postcssImport = require('postcss-import') +const postcssColorModFunction = require('postcss-color-mod-function') const paths = { - styles: { - src: 'src/**/*.scss', - variables: { - src: 'src/variables-*.scss', - compiled: 'src/_variables/_variables-*.scss', - dest: 'src/_variables', - }, - dest: 'dist' - }, - html: { - src: 'index.html' - } + srcDir: 'src/*', + styles: { src: 'src/builds/*.css', dest: 'dist' }, + html: { src: 'index.html' }, } // https://stackoverflow.com/a/20732091 @@ -52,32 +44,21 @@ function formatByteMessage(source, data) { return chalk`{cyan ${(source.padStart(12, ' '))}}: {bold ${data.fileName}} ${message}` } -/* Inlines variable references within the variable files themselves. */ -/* Allows computing new variables based on previous ones, e.g. with `lighten()` */ -function computeVariables() { - const plugins = [postcssCssVariables({ preserve: 'computed' })] - const parser = postcssSassParser - - return gulp.src(paths.styles.variables.src) - .pipe(postcss(plugins, { parser })) - .pipe(rename({ prefix: '_' })) - .pipe(gulp.dest(paths.styles.variables.dest)); -} - -function compileStyles() { +function style() { const isLegacyOrStandalone = path => /standalone|legacy/.test(path) const excludeModern = filter(file => isLegacyOrStandalone(file.path), { restore: true }) const excludeLegacy = filter(file => !isLegacyOrStandalone(file.path), { restore: true }) + const postcssColorMod = postcssColorModFunction({ stringifier: color => color.toRGBLegacy() }) + return ( - gulp.src(paths.styles.src, { ignore: paths.styles.variables.src }) + gulp + .src(paths.styles.src) // Add sourcemaps .pipe(sourcemaps.init()) - // Create a human readable sass file - .pipe(sass({ outputStyle: 'expanded' })) - // Catch any sass errors - .on('error', sass.logError) + // Resolve imports and calculated colors + .pipe(postcss([postcssImport(), postcssColorMod])) // * Process legacy & standalone builds * .pipe(excludeModern) @@ -122,13 +103,12 @@ function compileStyles() { .pipe(sourcemaps.write('.')) // Write the minified files .pipe(gulp.dest(paths.styles.dest)) + .pipe(sizereport({ gzip: true, total: false, title: 'SIZE REPORT' })) // Stream any changes to browserSync .pipe(browserSync.stream()) ) } -const style = gulp.series(computeVariables, compileStyles) - function reload() { browserSync.reload() } @@ -143,11 +123,8 @@ function watch() { startPath: 'index.html' }) - // Don't watch compiled variables or every build triggers the watcher again (infinite loop) - const watched = [paths.styles.src, `!${paths.styles.variables.compiled}`] - - gulp.watch(watched, style) - gulp.watch(paths.html.src, reload) + gulp.watch(paths.srcDir, style) + gulp.watch([paths.srcDir, paths.html.src], reload) } module.exports.style = style diff --git a/package.json b/package.json index 28f3479..113f481 100644 --- a/package.json +++ b/package.json @@ -34,10 +34,11 @@ "gulp-flatten": "^0.4.0", "gulp-postcss": "^8.0.0", "gulp-rename": "^1.4.0", - "gulp-sass": "^4.0.2", + "gulp-sizereport": "^1.2.1", "gulp-sourcemaps": "^2.6.5", + "postcss-color-mod-function": "^3.0.3", "postcss-css-variables": "^0.12.0", - "postcss-scss": "^2.0.0" + "postcss-import": "^12.0.1" }, "browserslist": [ "defaults AND not android 4.4.3" diff --git a/yarn.lock b/yarn.lock index ed284ef..9682898 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2,6 +2,11 @@ # yarn lockfile v1 +"@csstools/convert-colors@^1.4.0": + version "1.4.0" + resolved "https://registry.yarnpkg.com/@csstools/convert-colors/-/convert-colors-1.4.0.tgz#ad495dc41b12e75d588c6db8b9834f08fa131eb7" + integrity sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw== + "@gulp-sourcemaps/identity-map@1.X": version "1.0.2" resolved "https://registry.yarnpkg.com/@gulp-sourcemaps/identity-map/-/identity-map-1.0.2.tgz#1e6fe5d8027b1f285dc0d31762f566bccd73d5a9" @@ -49,26 +54,11 @@ after@0.8.2: resolved "https://registry.yarnpkg.com/after/-/after-0.8.2.tgz#fedb394f9f0e02aa9768e702bda23b505fae7e1f" integrity sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8= -ajv@^6.5.5: - version "6.10.0" - resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.10.0.tgz#90d0d54439da587cd7e843bfb7045f50bd22bdf1" - integrity sha512-nffhOpkymDECQyR0mnsUtoCE8RlX38G0rYP+wgLWFyZuUyuuojSSvi/+euOiQBIn63whYwYVIIH1TvE3tu4OEg== - dependencies: - fast-deep-equal "^2.0.1" - fast-json-stable-stringify "^2.0.0" - json-schema-traverse "^0.4.1" - uri-js "^4.2.2" - alphanum-sort@^1.0.0: version "1.0.2" resolved "https://registry.yarnpkg.com/alphanum-sort/-/alphanum-sort-1.0.2.tgz#97a1119649b211ad33691d9f9f486a8ec9fbe0a3" integrity sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM= -amdefine@>=0.0.4: - version "1.0.1" - resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5" - integrity sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU= - ansi-colors@^1.0.1: version "1.1.0" resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-1.1.0.tgz#6374b4dd5d4718ff3ce27a671a3b1cad077132a9" @@ -223,11 +213,6 @@ array-each@^1.0.0, array-each@^1.0.1: resolved "https://registry.yarnpkg.com/array-each/-/array-each-1.0.1.tgz#a794af0c05ab1752846ee753a1f211a05ba0c44f" integrity sha1-p5SvDAWrF1KEbudTofIRoFugxE8= -array-find-index@^1.0.1: - version "1.0.2" - resolved "https://registry.yarnpkg.com/array-find-index/-/array-find-index-1.0.2.tgz#df010aa1287e164bbda6f9723b0a96a1ec4187a1" - integrity sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E= - array-initial@^1.0.0: version "1.1.0" resolved "https://registry.yarnpkg.com/array-initial/-/array-initial-1.1.0.tgz#2fa74b26739371c3947bd7a7adc73be334b3d795" @@ -294,18 +279,6 @@ arrify@^1.0.0: resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d" integrity sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0= -asn1@~0.2.3: - version "0.2.4" - resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.4.tgz#8d2475dfab553bb33e77b54e59e880bb8ce23136" - integrity sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg== - dependencies: - safer-buffer "~2.1.0" - -assert-plus@1.0.0, assert-plus@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525" - integrity sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU= - assign-symbols@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/assign-symbols/-/assign-symbols-1.0.0.tgz#59667f41fadd4f20ccbc2bb96b8d4f7f78ec0367" @@ -331,11 +304,6 @@ async-each@^1.0.1: resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.2.tgz#8b8a7ca2a658f927e9f307d6d1a42f4199f0f735" integrity sha512-6xrbvN0MOBKSJDdonmSSz2OwFSgxRaVtBDes26mj9KIGtDo+g9xosFRSC+i1gQh2oAN/tQ62AI/pGZGQjVOiRg== -async-foreach@^0.1.3: - version "0.1.3" - resolved "https://registry.yarnpkg.com/async-foreach/-/async-foreach-0.1.3.tgz#36121f845c0578172de419a97dbeb1d16ec34542" - integrity sha1-NhIfhFwFeBct5Bmpfb6x0W7DRUI= - async-limiter@~1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.0.tgz#78faed8c3d074ab81f22b4e985d79e8738f720f8" @@ -353,11 +321,6 @@ async@1.5.2: resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a" integrity sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo= -asynckit@^0.4.0: - version "0.4.0" - resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79" - integrity sha1-x57Zf380y48robyXkLzDZkdLS3k= - atob@^2.1.1: version "2.1.2" resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9" @@ -375,16 +338,6 @@ autoprefixer@^9.5.1: postcss "^7.0.14" postcss-value-parser "^3.3.1" -aws-sign2@~0.7.0: - version "0.7.0" - resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8" - integrity sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg= - -aws4@^1.8.0: - version "1.8.0" - resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.8.0.tgz#f0e003d9ca9e7f59c7a508945d7b2ef9a04a542f" - integrity sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ== - axios@0.17.1: version "0.17.1" resolved "https://registry.yarnpkg.com/axios/-/axios-0.17.1.tgz#2d8e3e5d0bdbd7327f91bc814f5c57660f81824d" @@ -446,14 +399,7 @@ batch@0.6.1: resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16" integrity sha1-3DQxT05nkxgJP8dgJyUl+UvyXBY= -bcrypt-pbkdf@^1.0.0: - version "1.0.2" - resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz#a4301d389b6a43f9b67ff3ca11a3f6637e360e9e" - integrity sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4= - dependencies: - tweetnacl "^0.14.3" - -beeper@^1.0.0: +beeper@^1.0.0, beeper@^1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/beeper/-/beeper-1.1.1.tgz#e6d5ea8c5dad001304a70b22638447f69cb2f809" integrity sha1-5tXqjF2tABMEpwsiY4RH9pyy+Ak= @@ -475,13 +421,6 @@ blob@0.0.5: resolved "https://registry.yarnpkg.com/blob/-/blob-0.0.5.tgz#d680eeef25f8cd91ad533f5b01eed48e64caf683" integrity sha512-gaqbzQPqOoamawKg0LGVd7SzLgXS+JH61oWprSLH+P+abTczqJbhTR8CmJ2u9/bUYNmHTGJx/UEmn6doAvvuig== -block-stream@*: - version "0.0.9" - resolved "https://registry.yarnpkg.com/block-stream/-/block-stream-0.0.9.tgz#13ebfe778a03205cfe03751481ebb4b3300c126a" - integrity sha1-E+v+d4oDIFz+A3UUgeu0szAMEmo= - dependencies: - inherits "~2.0.0" - boolbase@^1.0.0, boolbase@~1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e" @@ -651,19 +590,6 @@ callsites@^2.0.0: resolved "https://registry.yarnpkg.com/callsites/-/callsites-2.0.0.tgz#06eb84f00eea413da86affefacbffb36093b3c50" integrity sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA= -camelcase-keys@^2.0.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-2.1.0.tgz#308beeaffdf28119051efa1d932213c91b8f92e7" - integrity sha1-MIvur/3ygRkFHvodkyITyRuPkuc= - dependencies: - camelcase "^2.0.0" - map-obj "^1.0.0" - -camelcase@^2.0.0: - version "2.1.1" - resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-2.1.1.tgz#7c1d16d679a1bbe59ca02cacecfb011e201f5a1f" - integrity sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8= - camelcase@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-3.0.0.tgz#32fc4b9fcdaf845fcdf7e73bb97cac2261f0ab0a" @@ -684,11 +610,6 @@ caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000955, caniuse-lite@^1.0.30000957: resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000957.tgz#fb1026bf184d7d62c685205358c3b24b9e29f7b3" integrity sha512-8wxNrjAzyiHcLXN/iunskqQnJquQQ6VX8JHfW5kLgAPRSiSuKZiNfmIkP5j7jgyXqAQBSoXyJxfnbCFS0ThSiQ== -caseless@~0.12.0: - version "0.12.0" - resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc" - integrity sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw= - chalk@^1.0.0, chalk@^1.1.1: version "1.1.3" resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98" @@ -700,7 +621,7 @@ chalk@^1.0.0, chalk@^1.1.1: strip-ansi "^3.0.0" supports-color "^2.0.0" -chalk@^2.3.0, chalk@^2.4.1, chalk@^2.4.2: +chalk@^2.4.1, chalk@^2.4.2: version "2.4.2" resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424" integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ== @@ -743,6 +664,13 @@ class-utils@^0.3.5: isobject "^3.0.0" static-extend "^0.1.1" +cli-table@^0.3.1: + version "0.3.1" + resolved "https://registry.yarnpkg.com/cli-table/-/cli-table-0.3.1.tgz#f53b05266a8b1a0b934b3d0821e6e2dc5914ae23" + integrity sha1-9TsFJmqLGguTSz0IIebi3FkUriM= + dependencies: + colors "1.0.3" + cliui@^3.2.0: version "3.2.0" resolved "https://registry.yarnpkg.com/cliui/-/cliui-3.2.0.tgz#120601537a916d29940f934da3b48d585a39213d" @@ -855,12 +783,10 @@ color@^3.0.0: color-convert "^1.9.1" color-string "^1.5.2" -combined-stream@^1.0.6, combined-stream@~1.0.6: - version "1.0.7" - resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.7.tgz#2d1d24317afb8abe95d6d2c0b07b57813539d828" - integrity sha512-brWl9y6vOB1xYPZcpZde3N9zDByXTosAeMDo4p1wzo6UMOX4vumB+TP1RZ76sfE6Md68Q0NJSrE/gbezd4Ul+w== - dependencies: - delayed-stream "~1.0.0" +colors@1.0.3: + version "1.0.3" + resolved "https://registry.yarnpkg.com/colors/-/colors-1.0.3.tgz#0433f44d809680fdeb60ed260f1b0c262e82a40b" + integrity sha1-BDP0TYCWgP3rYO0mDxsMJi6CpAs= commander@^2.2.0: version "2.20.0" @@ -942,7 +868,7 @@ copy-props@^2.0.1: each-props "^1.3.0" is-plain-object "^2.0.1" -core-util-is@1.0.2, core-util-is@~1.0.0: +core-util-is@~1.0.0: version "1.0.2" resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7" integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac= @@ -967,14 +893,6 @@ cosmiconfig@^5.0.0: js-yaml "^3.13.0" parse-json "^4.0.0" -cross-spawn@^3.0.0: - version "3.0.1" - resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-3.0.1.tgz#1256037ecb9f0c5f79e3d6ef135e30770184b982" - integrity sha1-ElYDfsufDF9549bvE14wdwGEuYI= - dependencies: - lru-cache "^4.0.1" - which "^1.2.9" - css-color-names@0.0.4, css-color-names@^0.0.4: version "0.0.4" resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0" @@ -1124,13 +1042,6 @@ csso@^3.5.1: dependencies: css-tree "1.0.0-alpha.29" -currently-unhandled@^0.4.1: - version "0.4.1" - resolved "https://registry.yarnpkg.com/currently-unhandled/-/currently-unhandled-0.4.1.tgz#988df33feab191ef799a61369dd76c17adf957ea" - integrity sha1-mI3zP+qxke95mmE2nddsF635V+o= - dependencies: - array-find-index "^1.0.1" - d@1: version "1.0.0" resolved "https://registry.yarnpkg.com/d/-/d-1.0.0.tgz#754bb5bfe55451da69a58b94d45f4c5b0462d58f" @@ -1138,13 +1049,6 @@ d@1: dependencies: es5-ext "^0.10.9" -dashdash@^1.12.0: - version "1.14.1" - resolved "https://registry.yarnpkg.com/dashdash/-/dashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0" - integrity sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA= - dependencies: - assert-plus "^1.0.0" - dateformat@^2.0.0: version "2.2.0" resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-2.2.0.tgz#4065e2013cf9fb916ddfd82efb506ad4c6769062" @@ -1180,7 +1084,7 @@ debug@~3.1.0: dependencies: ms "2.0.0" -decamelize@^1.1.1, decamelize@^1.1.2: +decamelize@^1.1.1: version "1.2.0" resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290" integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA= @@ -1236,11 +1140,6 @@ define-property@^2.0.2: is-descriptor "^1.0.2" isobject "^3.0.1" -delayed-stream@~1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619" - integrity sha1-3zrhmayt+31ECqrgsp4icrJOxhk= - delegates@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a" @@ -1311,6 +1210,11 @@ duplexer2@0.0.2: dependencies: readable-stream "~1.1.9" +duplexer@^0.1.1: + version "0.1.1" + resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.1.tgz#ace6ff808c1ce66b57d1ebf97977acb02334cfc1" + integrity sha1-rOb/gIwc5mtX0ev5eXessCM0z8E= + duplexify@^3.6.0: version "3.7.1" resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-3.7.1.tgz#2a4df5317f6ccfd91f86d6fd25d8d8a103b88309" @@ -1343,14 +1247,6 @@ eazy-logger@^3: dependencies: tfunk "^3.0.1" -ecc-jsbn@~0.1.1: - version "0.1.2" - resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9" - integrity sha1-OoOpBOVDUyh4dMVkt1SThoSamMk= - dependencies: - jsbn "~0.1.0" - safer-buffer "^2.1.0" - ee-first@1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d" @@ -1588,7 +1484,7 @@ extend-shallow@^3.0.0, extend-shallow@^3.0.2: assign-symbols "^1.0.0" is-extendable "^1.0.1" -extend@^3.0.0, extend@^3.0.1, extend@~3.0.2: +extend@^3.0.0, extend@^3.0.1: version "3.0.2" resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa" integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g== @@ -1614,16 +1510,6 @@ extglob@^2.0.4: snapdragon "^0.8.1" to-regex "^3.0.1" -extsprintf@1.3.0: - version "1.3.0" - resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05" - integrity sha1-lpGEQOMEGnpBT4xS48V06zw+HgU= - -extsprintf@^1.2.0: - version "1.4.0" - resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.0.tgz#e2689f8f356fad62cca65a3a91c5df5f9551692f" - integrity sha1-4mifjzVvrWLMplo6kcXfX5VRaS8= - fancy-log@^1.1.0, fancy-log@^1.3.2: version "1.3.3" resolved "https://registry.yarnpkg.com/fancy-log/-/fancy-log-1.3.3.tgz#dbc19154f558690150a23953a0adbd035be45fc7" @@ -1634,16 +1520,6 @@ fancy-log@^1.1.0, fancy-log@^1.3.2: parse-node-version "^1.0.0" time-stamp "^1.0.0" -fast-deep-equal@^2.0.1: - version "2.0.1" - resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz#7b05218ddf9667bf7f370bf7fdb2cb15fdd0aa49" - integrity sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk= - -fast-json-stable-stringify@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz#d5142c0caee6b1189f87d3a76111064f86c8bbf2" - integrity sha1-1RQsDK7msRifh9OnYREGT4bIu/I= - filename-regex@^2.0.0: version "2.0.1" resolved "https://registry.yarnpkg.com/filename-regex/-/filename-regex-2.0.1.tgz#c1c4b9bee3e09725ddb106b75c1e301fe2f18b26" @@ -1732,6 +1608,11 @@ flagged-respawn@^1.0.0: resolved "https://registry.yarnpkg.com/flagged-respawn/-/flagged-respawn-1.0.1.tgz#e7de6f1279ddd9ca9aac8a5971d618606b3aab41" integrity sha512-lNaHNVymajmk0OJMBn8fVUAU1BtDeKIqKoVhk4xAALB57aALg6b4W0MfJ/cUE0g9YBXy5XhSlPIpYIJ7HaY/3Q== +flatten@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/flatten/-/flatten-1.0.2.tgz#dae46a9d78fbe25292258cc1e780a41d95c03782" + integrity sha1-2uRqnXj74lKSJYzB54CkHZXAN4I= + flush-write-stream@^1.0.2: version "1.1.1" resolved "https://registry.yarnpkg.com/flush-write-stream/-/flush-write-stream-1.1.1.tgz#8dd7d873a1babc207d94ead0c2e0e44276ebf2e8" @@ -1766,20 +1647,6 @@ for-own@^1.0.0: dependencies: for-in "^1.0.1" -forever-agent@~0.6.1: - version "0.6.1" - resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91" - integrity sha1-+8cfDEGt6zf5bFd60e1C2P2sypE= - -form-data@~2.3.2: - version "2.3.3" - resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.3.3.tgz#dcce52c05f644f298c6a7ab936bd724ceffbf3a6" - integrity sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ== - dependencies: - asynckit "^0.4.0" - combined-stream "^1.0.6" - mime-types "^2.1.12" - fragment-cache@^0.2.1: version "0.2.1" resolved "https://registry.yarnpkg.com/fragment-cache/-/fragment-cache-0.2.1.tgz#4290fad27f13e89be7f33799c6bc5a0abfff0d19" @@ -1829,16 +1696,6 @@ fsevents@^1.2.7: nan "^2.9.2" node-pre-gyp "^0.10.0" -fstream@^1.0.0, fstream@^1.0.2: - version "1.0.11" - resolved "https://registry.yarnpkg.com/fstream/-/fstream-1.0.11.tgz#5c1fb1f117477114f0632a0eb4b71b3cb0fd3171" - integrity sha1-XB+x8RdHcRTwYyoOtLcbPLD9MXE= - dependencies: - graceful-fs "^4.1.2" - inherits "~2.0.0" - mkdirp ">=0.5 0" - rimraf "2" - function-bind@^1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d" @@ -1858,35 +1715,16 @@ gauge@~2.7.3: strip-ansi "^3.0.1" wide-align "^1.1.0" -gaze@^1.0.0: - version "1.1.3" - resolved "https://registry.yarnpkg.com/gaze/-/gaze-1.1.3.tgz#c441733e13b927ac8c0ff0b4c3b033f28812924a" - integrity sha512-BRdNm8hbWzFzWHERTrejLqwHDfS4GibPoq5wjTPIoJHoBtKGPg3xAFfxmM+9ztbXelxcf2hwQcaz1PtmFeue8g== - dependencies: - globule "^1.0.0" - get-caller-file@^1.0.1: version "1.0.3" resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.3.tgz#f978fa4c90d1dfe7ff2d6beda2a515e713bdcf4a" integrity sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w== -get-stdin@^4.0.1: - version "4.0.1" - resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-4.0.1.tgz#b968c6b0a04384324902e8bf1a5df32579a450fe" - integrity sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4= - get-value@^2.0.3, get-value@^2.0.6: version "2.0.6" resolved "https://registry.yarnpkg.com/get-value/-/get-value-2.0.6.tgz#dc15ca1c672387ca76bd37ac0a395ba2042a2c28" integrity sha1-3BXKHGcjh8p2vTesCjlbogQqLCg= -getpass@^0.1.1: - version "0.1.7" - resolved "https://registry.yarnpkg.com/getpass/-/getpass-0.1.7.tgz#5eff8e3e684d569ae4cb2b1282604e8ba62149fa" - integrity sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo= - dependencies: - assert-plus "^1.0.0" - glob-base@^0.3.0: version "0.3.0" resolved "https://registry.yarnpkg.com/glob-base/-/glob-base-0.3.0.tgz#dbb164f6221b1c0b1ccf82aea328b497df0ea3c4" @@ -1938,7 +1776,7 @@ glob-watcher@^5.0.0: just-debounce "^1.0.0" object.defaults "^1.1.0" -glob@^7.0.0, glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@~7.1.1: +glob@^7.1.1, glob@^7.1.3: version "7.1.3" resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.3.tgz#3960832d3f1574108342dafd3a67b332c0969df1" integrity sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ== @@ -1970,15 +1808,6 @@ global-prefix@^1.0.1: is-windows "^1.0.1" which "^1.2.14" -globule@^1.0.0: - version "1.2.1" - resolved "https://registry.yarnpkg.com/globule/-/globule-1.2.1.tgz#5dffb1b191f22d20797a9369b49eab4e9839696d" - integrity sha512-g7QtgWF4uYSL5/dn71WxubOrS7JVGCnFPEnoeChJmBnyR9Mw8nGoEwOgJL/RC2Te0WhbsEUCejfH8SZNJ+adYQ== - dependencies: - glob "~7.1.1" - lodash "~4.17.10" - minimatch "~3.0.2" - glogg@^1.0.0: version "1.0.2" resolved "https://registry.yarnpkg.com/glogg/-/glogg-1.0.2.tgz#2d7dd702beda22eb3bffadf880696da6d846313f" @@ -2057,19 +1886,18 @@ gulp-rename@^1.4.0: resolved "https://registry.yarnpkg.com/gulp-rename/-/gulp-rename-1.4.0.tgz#de1c718e7c4095ae861f7296ef4f3248648240bd" integrity sha512-swzbIGb/arEoFK89tPY58vg3Ok1bw+d35PfUNwWqdo7KM4jkmuGA78JiDNqR+JeZFaeeHnRg9N7aihX3YPmsyg== -gulp-sass@^4.0.2: - version "4.0.2" - resolved "https://registry.yarnpkg.com/gulp-sass/-/gulp-sass-4.0.2.tgz#cfb1e3eff2bd9852431c7ce87f43880807d8d505" - integrity sha512-q8psj4+aDrblJMMtRxihNBdovfzGrXJp1l4JU0Sz4b/Mhsi2DPrKFYCGDwjIWRENs04ELVHxdOJQ7Vs98OFohg== +gulp-sizereport@^1.2.1: + version "1.2.1" + resolved "https://registry.yarnpkg.com/gulp-sizereport/-/gulp-sizereport-1.2.1.tgz#a6294accc14f1283dc457f976a8d3a87454cf40c" + integrity sha512-thlt5LczraR7umuMLfpGo8XVUNxvU+PsSKWOrj41NjZnMeI4E9t4rLYc3eEAP20Sl1YhfxMER/SRz3udLldQVg== dependencies: - chalk "^2.3.0" - lodash.clonedeep "^4.3.2" - node-sass "^4.8.3" - plugin-error "^1.0.1" - replace-ext "^1.0.0" - strip-ansi "^4.0.0" - through2 "^2.0.0" - vinyl-sourcemaps-apply "^0.2.0" + ansi-colors "^1.0.1" + beeper "^1.1.1" + cli-table "^0.3.1" + gzip-size "^3.0.0" + plugin-error "^1.0.0" + pretty-bytes "^3.0.1" + through2 "^2.0.1" gulp-sourcemaps@^2.6.5: version "2.6.5" @@ -2129,18 +1957,12 @@ gulplog@^1.0.0: dependencies: glogg "^1.0.0" -har-schema@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-2.0.0.tgz#a94c2224ebcac04782a0d9035521f24735b7ec92" - integrity sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI= - -har-validator@~5.1.0: - version "5.1.3" - resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-5.1.3.tgz#1ef89ebd3e4996557675eed9893110dc350fa080" - integrity sha512-sNvOCzEQNr/qrvJgc3UG/kD4QtlHycrzwS+6mfTrrSq97BvaYcPZZI1ZSqGSPR73Cxn4LKTD4PttRwfU7jWq5g== +gzip-size@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-3.0.0.tgz#546188e9bdc337f673772f81660464b389dce520" + integrity sha1-VGGI6b3DN/Zzdy+BZgRks4nc5SA= dependencies: - ajv "^6.5.5" - har-schema "^2.0.0" + duplexer "^0.1.1" has-ansi@^2.0.0: version "2.0.0" @@ -2271,15 +2093,6 @@ http-proxy@1.15.2: eventemitter3 "1.x.x" requires-port "1.x.x" -http-signature@~1.2.0: - version "1.2.0" - resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.2.0.tgz#9aecd925114772f3d95b65a60abb8f7c18fbace1" - integrity sha1-muzZJRFHcvPZW2WmCruPfBj7rOE= - dependencies: - assert-plus "^1.0.0" - jsprim "^1.2.2" - sshpk "^1.7.0" - iconv-lite@0.4.23: version "0.4.23" resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.23.tgz#297871f63be507adcfbfca715d0cd0eed84e9a63" @@ -2328,18 +2141,6 @@ import-from@^2.1.0: dependencies: resolve-from "^3.0.0" -in-publish@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/in-publish/-/in-publish-2.0.0.tgz#e20ff5e3a2afc2690320b6dc552682a9c7fadf51" - integrity sha1-4g/146KvwmkDILbcVSaCqcf631E= - -indent-string@^2.1.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-2.1.0.tgz#8e2d48348742121b4a8218b7a137e9a52049dc80" - integrity sha1-ji1INIdCEhtKghi3oTfppSBJ3IA= - dependencies: - repeating "^2.0.0" - indexes-of@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607" @@ -2358,7 +2159,7 @@ inflight@^1.0.4: once "^1.3.0" wrappy "1" -inherits@2, inherits@2.0.3, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.0, inherits@~2.0.1, inherits@~2.0.3: +inherits@2, inherits@2.0.3, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.1, inherits@~2.0.3: version "2.0.3" resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de" integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4= @@ -2520,13 +2321,6 @@ is-extglob@^2.1.0, is-extglob@^2.1.1: resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2" integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI= -is-finite@^1.0.0: - version "1.0.2" - resolved "https://registry.yarnpkg.com/is-finite/-/is-finite-1.0.2.tgz#cc6677695602be550ef11e8b4aa6305342b6d0aa" - integrity sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko= - dependencies: - number-is-nan "^1.0.0" - is-fullwidth-code-point@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb" @@ -2651,11 +2445,6 @@ is-symbol@^1.0.2: dependencies: has-symbols "^1.0.0" -is-typedarray@~1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a" - integrity sha1-5HnICFjfDBsR3dppQPlgEfzaSpo= - is-unc-path@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/is-unc-path/-/is-unc-path-1.0.0.tgz#d731e8898ed090a12c352ad2eaed5095ad322c9d" @@ -2715,16 +2504,6 @@ isobject@^3.0.0, isobject@^3.0.1: resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df" integrity sha1-TkMekrEalzFjaqH5yNHMvP2reN8= -isstream@~0.1.2: - version "0.1.2" - resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a" - integrity sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo= - -js-base64@^2.1.8: - version "2.5.1" - resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.5.1.tgz#1efa39ef2c5f7980bb1784ade4a8af2de3291121" - integrity sha512-M7kLczedRMYX4L8Mdh4MzyAMM9O5osx+4FcOQuTvr3A9F2D9S5JXheN0ewNbrvK2UatkTRhL5ejGmGSjNMiZuw== - js-yaml@^3.13.0, js-yaml@^3.9.0: version "3.13.1" resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.13.1.tgz#aff151b30bfdfa8e49e05da22e7415e9dfa37847" @@ -2733,36 +2512,16 @@ js-yaml@^3.13.0, js-yaml@^3.9.0: argparse "^1.0.7" esprima "^4.0.0" -jsbn@~0.1.0: - version "0.1.1" - resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513" - integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM= - json-parse-better-errors@^1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9" integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw== -json-schema-traverse@^0.4.1: - version "0.4.1" - resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660" - integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg== - -json-schema@0.2.3: - version "0.2.3" - resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.2.3.tgz#b480c892e59a2f05954ce727bd3f2a4e882f9e13" - integrity sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM= - json-stable-stringify-without-jsonify@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651" integrity sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE= -json-stringify-safe@~5.0.1: - version "5.0.1" - resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb" - integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus= - jsonfile@^3.0.0: version "3.0.1" resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-3.0.1.tgz#a5ecc6f65f53f662c4415c7675a0331d0992ec66" @@ -2770,16 +2529,6 @@ jsonfile@^3.0.0: optionalDependencies: graceful-fs "^4.1.6" -jsprim@^1.2.2: - version "1.4.1" - resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.4.1.tgz#313e66bc1e5cc06e438bc1b7499c2e5c56acb6a2" - integrity sha1-MT5mvB5cwG5Di8G3SZwuXFastqI= - dependencies: - assert-plus "1.0.0" - extsprintf "1.3.0" - json-schema "0.2.3" - verror "1.10.0" - just-debounce@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/just-debounce/-/just-debounce-1.0.0.tgz#87fccfaeffc0b68cd19d55f6722943f929ea35ea" @@ -2928,16 +2677,6 @@ lodash._root@^3.0.0: resolved "https://registry.yarnpkg.com/lodash._root/-/lodash._root-3.0.1.tgz#fba1c4524c19ee9a5f8136b4609f017cf4ded692" integrity sha1-+6HEUkwZ7ppfgTa0YJ8BfPTe1pI= -lodash.assign@^4.2.0: - version "4.2.0" - resolved "https://registry.yarnpkg.com/lodash.assign/-/lodash.assign-4.2.0.tgz#0d99f3ccd7a6d261d19bdaeb9245005d285808e7" - integrity sha1-DZnzzNem0mHRm9rrkkUAXShYCOc= - -lodash.clonedeep@^4.3.2: - version "4.5.0" - resolved "https://registry.yarnpkg.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef" - integrity sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8= - lodash.escape@^3.0.0: version "3.2.0" resolved "https://registry.yarnpkg.com/lodash.escape/-/lodash.escape-3.2.0.tgz#995ee0dc18c1b48cc92effae71a10aab5b487698" @@ -2974,11 +2713,6 @@ lodash.memoize@^4.1.2: resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe" integrity sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4= -lodash.mergewith@^4.6.0: - version "4.6.1" - resolved "https://registry.yarnpkg.com/lodash.mergewith/-/lodash.mergewith-4.6.1.tgz#639057e726c3afbdb3e7d42741caa8d6e4335927" - integrity sha512-eWw5r+PYICtEBgrBE5hhlT6aAa75f411bgDz/ZL2KZqYV03USvucsxcHUIlGTDTECs1eunpI7HOV7U+WLDvNdQ== - lodash.restparam@^3.0.0: version "3.6.1" resolved "https://registry.yarnpkg.com/lodash.restparam/-/lodash.restparam-3.6.1.tgz#936a4e309ef330a7645ed4145986c85ae5b20805" @@ -3012,27 +2746,11 @@ lodash.uniq@^4.5.0: resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773" integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M= -lodash@^4.0.0, lodash@^4.17.10, lodash@~4.17.10: +lodash@^4.17.10: version "4.17.11" resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d" integrity sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg== -loud-rejection@^1.0.0: - version "1.6.0" - resolved "https://registry.yarnpkg.com/loud-rejection/-/loud-rejection-1.6.0.tgz#5b46f80147edee578870f086d04821cf998e551f" - integrity sha1-W0b4AUft7leIcPCG0Eghz5mOVR8= - dependencies: - currently-unhandled "^0.4.1" - signal-exit "^3.0.0" - -lru-cache@^4.0.1: - version "4.1.5" - resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.5.tgz#8bbe50ea85bed59bc9e33dcab8235ee9bcf443cd" - integrity sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g== - dependencies: - pseudomap "^1.0.2" - yallist "^2.1.2" - lru-queue@0.1: version "0.1.0" resolved "https://registry.yarnpkg.com/lru-queue/-/lru-queue-0.1.0.tgz#2738bd9f0d3cf4f84490c5736c48699ac632cda3" @@ -3052,11 +2770,6 @@ map-cache@^0.2.0, map-cache@^0.2.2: resolved "https://registry.yarnpkg.com/map-cache/-/map-cache-0.2.2.tgz#c32abd0bd6525d9b051645bb4f26ac5dc98a0dbf" integrity sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8= -map-obj@^1.0.0, map-obj@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d" - integrity sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0= - map-stream@~0.0.6: version "0.0.7" resolved "https://registry.yarnpkg.com/map-stream/-/map-stream-0.0.7.tgz#8a1f07896d82b10926bd3744a2420009f88974a8" @@ -3103,22 +2816,6 @@ memoizee@0.4.X: next-tick "1" timers-ext "^0.1.5" -meow@^3.7.0: - version "3.7.0" - resolved "https://registry.yarnpkg.com/meow/-/meow-3.7.0.tgz#72cb668b425228290abbfa856892587308a801fb" - integrity sha1-cstmi0JSKCkKu/qFaJJYcwioAfs= - dependencies: - camelcase-keys "^2.0.0" - decamelize "^1.1.2" - loud-rejection "^1.0.0" - map-obj "^1.0.1" - minimist "^1.1.3" - normalize-package-data "^2.3.4" - object-assign "^4.0.1" - read-pkg-up "^1.0.1" - redent "^1.0.0" - trim-newlines "^1.0.0" - micromatch@2.3.11: version "2.3.11" resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-2.3.11.tgz#86677c97d1720b363431d04d0d15293bd38c1565" @@ -3162,7 +2859,7 @@ mime-db@~1.38.0: resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.38.0.tgz#1a2aab16da9eb167b49c6e4df2d9c68d63d8e2ad" integrity sha512-bqVioMFFzc2awcdJZIzR3HjZFX20QhilVS7hytkKrv7xFAn8bM1gzc/FOX2awLISvWe0PV8ptFKcon+wZ5qYkg== -mime-types@^2.1.12, mime-types@~2.1.17, mime-types@~2.1.18, mime-types@~2.1.19: +mime-types@~2.1.17, mime-types@~2.1.18: version "2.1.22" resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.22.tgz#fe6b355a190926ab7698c9a0556a11199b2199bd" integrity sha512-aGl6TZGnhm/li6F7yx82bJiBZwgiEa4Hf6CNr8YO+r5UHr53tSTYZb102zyU50DOWWKeOv0uQLRL0/9EiKWCog== @@ -3174,7 +2871,7 @@ mime@1.4.1: resolved "https://registry.yarnpkg.com/mime/-/mime-1.4.1.tgz#121f9ebc49e3766f311a76e1fa1c8003c4b03aa6" integrity sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ== -minimatch@^3.0.0, minimatch@^3.0.2, minimatch@^3.0.4, minimatch@~3.0.2: +minimatch@^3.0.0, minimatch@^3.0.2, minimatch@^3.0.4: version "3.0.4" resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083" integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA== @@ -3186,7 +2883,7 @@ minimist@0.0.8: resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d" integrity sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0= -minimist@^1.1.0, minimist@^1.1.3, minimist@^1.2.0: +minimist@^1.1.0, minimist@^1.2.0: version "1.2.0" resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284" integrity sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ= @@ -3219,7 +2916,7 @@ mixin-deep@^1.2.0: for-in "^1.0.2" is-extendable "^1.0.1" -"mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.1: +mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.1: version "0.5.1" resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903" integrity sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM= @@ -3258,7 +2955,7 @@ mute-stdout@^1.0.0: resolved "https://registry.yarnpkg.com/mute-stdout/-/mute-stdout-1.0.1.tgz#acb0300eb4de23a7ddeec014e3e96044b3472331" integrity sha512-kDcwXR4PS7caBpuRYYBUz9iVixUk3anO3f5OYFiIPwK/20vCzKCHyKoulbiDY1S53zD2bxUpxN/IJ+TnXjfvxg== -nan@^2.10.0, nan@^2.9.2: +nan@^2.9.2: version "2.13.2" resolved "https://registry.yarnpkg.com/nan/-/nan-2.13.2.tgz#f51dc7ae66ba7d5d55e1e6d4d8092e802c9aefe7" integrity sha512-TghvYc72wlMGMVMluVo9WRJc0mB8KxxF/gZ4YYFy7V2ZQX9l7rgbPg7vjS9mt6U5HXODVFVI2bOduCzwOMv/lw== @@ -3299,24 +2996,6 @@ next-tick@1, next-tick@^1.0.0: resolved "https://registry.yarnpkg.com/next-tick/-/next-tick-1.0.0.tgz#ca86d1fe8828169b0120208e3dc8424b9db8342c" integrity sha1-yobR/ogoFpsBICCOPchCS524NCw= -node-gyp@^3.8.0: - version "3.8.0" - resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-3.8.0.tgz#540304261c330e80d0d5edce253a68cb3964218c" - integrity sha512-3g8lYefrRRzvGeSowdJKAKyks8oUpLEd/DyPV4eMhVlhJ0aNaZqIrNUIPuEWWTAoPqyFkfGrM67MC69baqn6vA== - dependencies: - fstream "^1.0.0" - glob "^7.0.3" - graceful-fs "^4.1.2" - mkdirp "^0.5.0" - nopt "2 || 3" - npmlog "0 || 1 || 2 || 3 || 4" - osenv "0" - request "^2.87.0" - rimraf "2" - semver "~5.3.0" - tar "^2.0.0" - which "1" - node-pre-gyp@^0.10.0: version "0.10.3" resolved "https://registry.yarnpkg.com/node-pre-gyp/-/node-pre-gyp-0.10.3.tgz#3070040716afdc778747b61b6887bf78880b80fc" @@ -3340,38 +3019,6 @@ node-releases@^1.1.13: dependencies: semver "^5.3.0" -node-sass@^4.8.3: - version "4.11.0" - resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-4.11.0.tgz#183faec398e9cbe93ba43362e2768ca988a6369a" - integrity sha512-bHUdHTphgQJZaF1LASx0kAviPH7sGlcyNhWade4eVIpFp6tsn7SV8xNMTbsQFpEV9VXpnwTTnNYlfsZXgGgmkA== - dependencies: - async-foreach "^0.1.3" - chalk "^1.1.1" - cross-spawn "^3.0.0" - gaze "^1.0.0" - get-stdin "^4.0.1" - glob "^7.0.3" - in-publish "^2.0.0" - lodash.assign "^4.2.0" - lodash.clonedeep "^4.3.2" - lodash.mergewith "^4.6.0" - meow "^3.7.0" - mkdirp "^0.5.1" - nan "^2.10.0" - node-gyp "^3.8.0" - npmlog "^4.0.0" - request "^2.88.0" - sass-graph "^2.2.4" - stdout-stream "^1.4.0" - "true-case-path" "^1.0.2" - -"nopt@2 || 3": - version "3.0.6" - resolved "https://registry.yarnpkg.com/nopt/-/nopt-3.0.6.tgz#c6465dbf08abcd4db359317f79ac68a646b28ff9" - integrity sha1-xkZdvwirzU2zWTF/eaxopkayj/k= - dependencies: - abbrev "1" - nopt@^4.0.1: version "4.0.1" resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.1.tgz#d0d4685afd5415193c8c7505602d0d17cd64474d" @@ -3380,7 +3027,7 @@ nopt@^4.0.1: abbrev "1" osenv "^0.1.4" -normalize-package-data@^2.3.2, normalize-package-data@^2.3.4: +normalize-package-data@^2.3.2: version "2.5.0" resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8" integrity sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA== @@ -3432,7 +3079,7 @@ npm-packlist@^1.1.6: ignore-walk "^3.0.1" npm-bundled "^1.0.1" -"npmlog@0 || 1 || 2 || 3 || 4", npmlog@^4.0.0, npmlog@^4.0.2: +npmlog@^4.0.2: version "4.1.2" resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.1.2.tgz#08a7f2a8bf734604779a9efa4ad5cc717abb954b" integrity sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg== @@ -3459,12 +3106,7 @@ number-is-nan@^1.0.0: resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d" integrity sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0= -oauth-sign@~0.9.0: - version "0.9.0" - resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455" - integrity sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ== - -object-assign@4.X, object-assign@^4.0.1, object-assign@^4.1.0: +object-assign@4.X, object-assign@^4.1.0: version "4.1.1" resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863" integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM= @@ -3624,7 +3266,7 @@ os-tmpdir@^1.0.0: resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274" integrity sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ= -osenv@0, osenv@^0.1.4: +osenv@^0.1.4: version "0.1.5" resolved "https://registry.yarnpkg.com/osenv/-/osenv-0.1.5.tgz#85cdfafaeb28e8677f416e287592b5f3f49ea410" integrity sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g== @@ -3743,12 +3385,7 @@ path-type@^1.0.0: pify "^2.0.0" pinkie-promise "^2.0.0" -performance-now@^2.1.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b" - integrity sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns= - -pify@^2.0.0: +pify@^2.0.0, pify@^2.3.0: version "2.3.0" resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c" integrity sha1-7RQaasBDqEnqWISY59yosVMw6Qw= @@ -3776,7 +3413,7 @@ plugin-error@^0.1.2: arr-union "^2.0.1" extend-shallow "^1.1.2" -plugin-error@^1.0.1: +plugin-error@^1.0.0, plugin-error@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/plugin-error/-/plugin-error-1.0.1.tgz#77016bd8919d0ac377fdcdd0322328953ca5781c" integrity sha512-L1zP0dk7vGweZME2i+EeakvUNqSrdiI3F91TwEoYiGrAfUXmVv6fJIq4g82PAXxNsWOp0J7ZqQy/3Szz0ajTxA== @@ -3809,6 +3446,15 @@ postcss-calc@^7.0.1: postcss-selector-parser "^5.0.0-rc.4" postcss-value-parser "^3.3.1" +postcss-color-mod-function@^3.0.3: + version "3.0.3" + resolved "https://registry.yarnpkg.com/postcss-color-mod-function/-/postcss-color-mod-function-3.0.3.tgz#816ba145ac11cc3cb6baa905a75a49f903e4d31d" + integrity sha512-YP4VG+xufxaVtzV6ZmhEtc+/aTXH3d0JLpnYfxqTvwZPbJhWqp8bSY3nfNzNRFLgB4XSaBA82OE4VjOOKpCdVQ== + dependencies: + "@csstools/convert-colors" "^1.4.0" + postcss "^7.0.2" + postcss-values-parser "^2.0.0" + postcss-colormin@^4.0.3: version "4.0.3" resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-4.0.3.tgz#ae060bce93ed794ac71264f08132d550956bd381" @@ -3865,6 +3511,16 @@ postcss-discard-overridden@^4.0.1: dependencies: postcss "^7.0.0" +postcss-import@^12.0.1: + version "12.0.1" + resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-12.0.1.tgz#cf8c7ab0b5ccab5649024536e565f841928b7153" + integrity sha512-3Gti33dmCjyKBgimqGxL3vcV8w9+bsHwO5UrBawp796+jdardbcFl4RP5w/76BwNL7aGzpKstIfF9I+kdE8pTw== + dependencies: + postcss "^7.0.1" + postcss-value-parser "^3.2.3" + read-cache "^1.0.0" + resolve "^1.1.7" + postcss-load-config@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-2.0.0.tgz#f1312ddbf5912cd747177083c5ef7a19d62ee484" @@ -4045,13 +3701,6 @@ postcss-reduce-transforms@^4.0.2: postcss "^7.0.0" postcss-value-parser "^3.0.0" -postcss-scss@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/postcss-scss/-/postcss-scss-2.0.0.tgz#248b0a28af77ea7b32b1011aba0f738bda27dea1" - integrity sha512-um9zdGKaDZirMm+kZFKKVsnKPF7zF7qBAtIfTSnZXD1jZ0JNZIxdB6TxQOjCnlSzLRInVl2v3YdBh/M881C4ug== - dependencies: - postcss "^7.0.0" - postcss-selector-parser@^3.0.0: version "3.1.1" resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-3.1.1.tgz#4f875f4afb0c96573d5cf4d74011aee250a7e865" @@ -4089,11 +3738,20 @@ postcss-unique-selectors@^4.0.1: postcss "^7.0.0" uniqs "^2.0.0" -postcss-value-parser@^3.0.0, postcss-value-parser@^3.3.1: +postcss-value-parser@^3.0.0, postcss-value-parser@^3.2.3, postcss-value-parser@^3.3.1: version "3.3.1" resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281" integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ== +postcss-values-parser@^2.0.0: + version "2.0.1" + resolved "https://registry.yarnpkg.com/postcss-values-parser/-/postcss-values-parser-2.0.1.tgz#da8b472d901da1e205b47bdc98637b9e9e550e5f" + integrity sha512-2tLuBsA6P4rYTNKCXYG/71C7j1pU6pK503suYOmn4xYrQIzW+opD+7FAFNuGSdZC/3Qfy334QbeMu7MEb8gOxg== + dependencies: + flatten "^1.0.2" + indexes-of "^1.0.1" + uniq "^1.0.1" + postcss@^6.0.8: version "6.0.23" resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324" @@ -4117,6 +3775,13 @@ preserve@^0.2.0: resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b" integrity sha1-gV7R9uvGWSb4ZbMQwHE7yzMVzks= +pretty-bytes@^3.0.1: + version "3.0.1" + resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-3.0.1.tgz#27d0008d778063a0b4811bb35c79f1bd5d5fbccf" + integrity sha1-J9AAjXeAY6C0gRuzXHnxvV1fvM8= + dependencies: + number-is-nan "^1.0.0" + pretty-hrtime@^1.0.0: version "1.0.3" resolved "https://registry.yarnpkg.com/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz#b7e3ea42435a4c9b2759d99e0f201eb195802ee1" @@ -4132,16 +3797,6 @@ process-nextick-args@^2.0.0, process-nextick-args@~2.0.0: resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.0.tgz#a37d732f4271b4ab1ad070d35508e8290788ffaa" integrity sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw== -pseudomap@^1.0.2: - version "1.0.2" - resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3" - integrity sha1-8FKijacOYYkX7wqKw0wa5aaChrM= - -psl@^1.1.24: - version "1.1.31" - resolved "https://registry.yarnpkg.com/psl/-/psl-1.1.31.tgz#e9aa86d0101b5b105cbe93ac6b784cd547276184" - integrity sha512-/6pt4+C+T+wZUieKR620OpzN/LlnNKuWjy1iFLQ/UG35JqHlR/89MP1d96dUfkf6Dne3TuLQzOYEYshJ+Hx8mw== - pump@^2.0.0: version "2.0.1" resolved "https://registry.yarnpkg.com/pump/-/pump-2.0.1.tgz#12399add6e4cf7526d973cbc8b5ce2e2908b3909" @@ -4159,16 +3814,6 @@ pumpify@^1.3.5: inherits "^2.0.3" pump "^2.0.0" -punycode@^1.4.1: - version "1.4.1" - resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e" - integrity sha1-wNWmOycYgArY4esPpSachN1BhF4= - -punycode@^2.1.0: - version "2.1.1" - resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec" - integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A== - q@^1.1.2: version "1.5.1" resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7" @@ -4179,11 +3824,6 @@ qs@6.2.3: resolved "https://registry.yarnpkg.com/qs/-/qs-6.2.3.tgz#1cfcb25c10a9b2b483053ff39f5dfc9233908cfe" integrity sha1-HPyyXBCpsrSDBT/zn138kjOQjP4= -qs@~6.5.2: - version "6.5.2" - resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.2.tgz#cb3ae806e8740444584ef154ce8ee98d403f3e36" - integrity sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA== - randomatic@^3.0.0: version "3.1.1" resolved "https://registry.yarnpkg.com/randomatic/-/randomatic-3.1.1.tgz#b776efc59375984e36c537b2f51a1f0aff0da1ed" @@ -4218,6 +3858,13 @@ rc@^1.2.7: minimist "^1.2.0" strip-json-comments "~2.0.1" +read-cache@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774" + integrity sha1-5mTvMRYRZsl1HNvo28+GtftY93Q= + dependencies: + pify "^2.3.0" + read-pkg-up@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-1.0.1.tgz#9d63c13276c065918d57f002a57f40a1b643fb02" @@ -4274,14 +3921,6 @@ rechoir@^0.6.2: dependencies: resolve "^1.1.6" -redent@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/redent/-/redent-1.0.0.tgz#cf916ab1fd5f1f16dfb20822dd6ec7f730c2afde" - integrity sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94= - dependencies: - indent-string "^2.1.0" - strip-indent "^1.0.1" - regex-cache@^0.4.2: version "0.4.4" resolved "https://registry.yarnpkg.com/regex-cache/-/regex-cache-0.4.4.tgz#75bdc58a2a1496cec48a12835bc54c8d562336dd" @@ -4329,13 +3968,6 @@ repeat-string@^1.5.2, repeat-string@^1.6.1: resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637" integrity sha1-jcrkcOHIirwtYA//Sndihtp15jc= -repeating@^2.0.0: - version "2.0.1" - resolved "https://registry.yarnpkg.com/repeating/-/repeating-2.0.1.tgz#5214c53a926d3552707527fbab415dbc08d06dda" - integrity sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo= - dependencies: - is-finite "^1.0.0" - replace-ext@0.0.1: version "0.0.1" resolved "https://registry.yarnpkg.com/replace-ext/-/replace-ext-0.0.1.tgz#29bbd92078a739f0bcce2b4ee41e837953522924" @@ -4355,32 +3987,6 @@ replace-homedir@^1.0.0: is-absolute "^1.0.0" remove-trailing-separator "^1.1.0" -request@^2.87.0, request@^2.88.0: - version "2.88.0" - resolved "https://registry.yarnpkg.com/request/-/request-2.88.0.tgz#9c2fca4f7d35b592efe57c7f0a55e81052124fef" - integrity sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg== - dependencies: - aws-sign2 "~0.7.0" - aws4 "^1.8.0" - caseless "~0.12.0" - combined-stream "~1.0.6" - extend "~3.0.2" - forever-agent "~0.6.1" - form-data "~2.3.2" - har-validator "~5.1.0" - http-signature "~1.2.0" - is-typedarray "~1.0.0" - isstream "~0.1.2" - json-stringify-safe "~5.0.1" - mime-types "~2.1.19" - oauth-sign "~0.9.0" - performance-now "^2.1.0" - qs "~6.5.2" - safe-buffer "^5.1.2" - tough-cookie "~2.4.3" - tunnel-agent "^0.6.0" - uuid "^3.3.2" - require-directory@^2.1.1: version "2.1.1" resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42" @@ -4456,7 +4062,7 @@ rgba-regex@^1.0.0: resolved "https://registry.yarnpkg.com/rgba-regex/-/rgba-regex-1.0.0.tgz#43374e2e2ca0968b0ef1523460b7d730ff22eeb3" integrity sha1-QzdOLiyglosO8VI0YLfXMP8i7rM= -rimraf@2, rimraf@^2.6.1: +rimraf@^2.6.1: version "2.6.3" resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab" integrity sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA== @@ -4475,7 +4081,7 @@ rxjs@^5.5.6: dependencies: symbol-observable "1.0.1" -safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1: +safe-buffer@^5.1.0, safe-buffer@^5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1: version "5.1.2" resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d" integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g== @@ -4487,34 +4093,16 @@ safe-regex@^1.1.0: dependencies: ret "~0.1.10" -"safer-buffer@>= 2.1.2 < 3", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0: +"safer-buffer@>= 2.1.2 < 3": version "2.1.2" resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a" integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg== -sass-graph@^2.2.4: - version "2.2.4" - resolved "https://registry.yarnpkg.com/sass-graph/-/sass-graph-2.2.4.tgz#13fbd63cd1caf0908b9fd93476ad43a51d1e0b49" - integrity sha1-E/vWPNHK8JCLn9k0dq1DpR0eC0k= - dependencies: - glob "^7.0.0" - lodash "^4.0.0" - scss-tokenizer "^0.2.3" - yargs "^7.0.0" - sax@^1.2.4, sax@~1.2.4: version "1.2.4" resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9" integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw== -scss-tokenizer@^0.2.3: - version "0.2.3" - resolved "https://registry.yarnpkg.com/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz#8eb06db9a9723333824d3f5530641149847ce5d1" - integrity sha1-jrBtualyMzOCTT9VMGQRSYR85dE= - dependencies: - js-base64 "^2.1.8" - source-map "^0.4.2" - semver-greatest-satisfied-range@^1.1.0: version "1.1.0" resolved "https://registry.yarnpkg.com/semver-greatest-satisfied-range/-/semver-greatest-satisfied-range-1.1.0.tgz#13e8c2658ab9691cb0cd71093240280d36f77a5b" @@ -4527,11 +4115,6 @@ semver-greatest-satisfied-range@^1.1.0: resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.0.tgz#790a7cf6fea5459bac96110b29b60412dc8ff96b" integrity sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA== -semver@~5.3.0: - version "5.3.0" - resolved "https://registry.yarnpkg.com/semver/-/semver-5.3.0.tgz#9b2ce5d3de02d17c6012ad326aa6b4d0cf54f94f" - integrity sha1-myzl094C0XxgEq0yaqa00M9U+U8= - send@0.16.2: version "0.16.2" resolved "https://registry.yarnpkg.com/send/-/send-0.16.2.tgz#6ecca1e0f8c156d141597559848df64730a6bbc1" @@ -4742,13 +4325,6 @@ source-map-url@^0.4.0: resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.0.tgz#3e935d7ddd73631b97659956d55128e87b5084a3" integrity sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM= -source-map@^0.4.2: - version "0.4.4" - resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.4.4.tgz#eba4f5da9c0dc999de68032d8b4f76173652036b" - integrity sha1-66T12pwNyZneaAMti092FzZSA2s= - dependencies: - amdefine ">=0.0.4" - source-map@^0.5.1, source-map@^0.5.3, source-map@^0.5.6: version "0.5.7" resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc" @@ -4802,21 +4378,6 @@ sprintf-js@~1.0.2: resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c" integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw= -sshpk@^1.7.0: - version "1.16.1" - resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.16.1.tgz#fb661c0bef29b39db40769ee39fa70093d6f6877" - integrity sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg== - dependencies: - asn1 "~0.2.3" - assert-plus "^1.0.0" - bcrypt-pbkdf "^1.0.0" - dashdash "^1.12.0" - ecc-jsbn "~0.1.1" - getpass "^0.1.1" - jsbn "~0.1.0" - safer-buffer "^2.0.2" - tweetnacl "~0.14.0" - stable@^0.1.8: version "0.1.8" resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf" @@ -4850,13 +4411,6 @@ statuses@~1.4.0: resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.4.0.tgz#bb73d446da2796106efcc1b601a253d6c46bd087" integrity sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew== -stdout-stream@^1.4.0: - version "1.4.1" - resolved "https://registry.yarnpkg.com/stdout-stream/-/stdout-stream-1.4.1.tgz#5ac174cdd5cd726104aa0c0b2bd83815d8d535de" - integrity sha512-j4emi03KXqJWcIeF8eIXkjMFN1Cmb8gUlDYGeBALLPo5qdyTfA9bOtl8m33lRoC+vFMkP3gl0WsDr6+gzxbbTA== - dependencies: - readable-stream "^2.0.1" - stream-exhaust@^1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/stream-exhaust/-/stream-exhaust-1.0.2.tgz#acdac8da59ef2bc1e17a2c0ccf6c320d120e555d" @@ -4937,13 +4491,6 @@ strip-bom@^2.0.0: dependencies: is-utf8 "^0.2.0" -strip-indent@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-1.0.1.tgz#0c7962a6adefa7bbd4ac366460a638552ae1a0a2" - integrity sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI= - dependencies: - get-stdin "^4.0.1" - strip-json-comments@~2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a" @@ -5010,15 +4557,6 @@ symbol-observable@1.0.1: resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.0.1.tgz#8340fc4702c3122df5d22288f88283f513d3fdd4" integrity sha1-g0D8RwLDEi310iKI+IKD9RPT/dQ= -tar@^2.0.0: - version "2.2.1" - resolved "https://registry.yarnpkg.com/tar/-/tar-2.2.1.tgz#8e4d2a256c0e2185c6b18ad694aec968b83cb1d1" - integrity sha1-jk0qJWwOIYXGsYrWlK7JaLg8sdE= - dependencies: - block-stream "*" - fstream "^1.0.2" - inherits "2" - tar@^4: version "4.4.8" resolved "https://registry.yarnpkg.com/tar/-/tar-4.4.8.tgz#b19eec3fde2a96e64666df9fdb40c5ca1bc3747d" @@ -5048,7 +4586,7 @@ through2-filter@^3.0.0: through2 "~2.0.0" xtend "~4.0.0" -through2@2.X, through2@^2.0.0, through2@^2.0.3, through2@~2.0.0: +through2@2.X, through2@^2.0.0, through2@^2.0.1, through2@^2.0.3, through2@~2.0.0: version "2.0.5" resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd" integrity sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ== @@ -5119,38 +4657,6 @@ to-through@^2.0.0: dependencies: through2 "^2.0.3" -tough-cookie@~2.4.3: - version "2.4.3" - resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.4.3.tgz#53f36da3f47783b0925afa06ff9f3b165280f781" - integrity sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ== - dependencies: - psl "^1.1.24" - punycode "^1.4.1" - -trim-newlines@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-1.0.0.tgz#5887966bb582a4503a41eb524f7d35011815a613" - integrity sha1-WIeWa7WCpFA6QetST301ARgVphM= - -"true-case-path@^1.0.2": - version "1.0.3" - resolved "https://registry.yarnpkg.com/true-case-path/-/true-case-path-1.0.3.tgz#f813b5a8c86b40da59606722b144e3225799f47d" - integrity sha512-m6s2OdQe5wgpFMC+pAJ+q9djG82O2jcHPOI6RNg1yy9rCYR+WD6Nbpl32fDpfC56nirdRy+opFa/Vk7HYhqaew== - dependencies: - glob "^7.1.2" - -tunnel-agent@^0.6.0: - version "0.6.0" - resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd" - integrity sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0= - dependencies: - safe-buffer "^5.0.1" - -tweetnacl@^0.14.3, tweetnacl@~0.14.0: - version "0.14.5" - resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64" - integrity sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q= - typedarray@^0.0.6: version "0.0.6" resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777" @@ -5247,13 +4753,6 @@ upath@^1.1.1: resolved "https://registry.yarnpkg.com/upath/-/upath-1.1.2.tgz#3db658600edaeeccbe6db5e684d67ee8c2acd068" integrity sha512-kXpym8nmDmlCBr7nKdIx8P2jNBa+pBpIUFRnKJ4dr8htyYGJFokkr2ZvERRtUN+9SY+JqXouNgUPtv6JQva/2Q== -uri-js@^4.2.2: - version "4.2.2" - resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.2.2.tgz#94c540e1ff772956e2299507c010aea6c8838eb0" - integrity sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ== - dependencies: - punycode "^2.1.0" - urix@^0.1.0: version "0.1.0" resolved "https://registry.yarnpkg.com/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72" @@ -5282,11 +4781,6 @@ utils-merge@1.0.1: resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713" integrity sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM= -uuid@^3.3.2: - version "3.3.2" - resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.3.2.tgz#1b4af4955eb3077c501c23872fc6513811587131" - integrity sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA== - v8flags@^3.0.1: version "3.1.2" resolved "https://registry.yarnpkg.com/v8flags/-/v8flags-3.1.2.tgz#fc5cd0c227428181e6c29b2992e4f8f1da5e0c9f" @@ -5312,15 +4806,6 @@ vendors@^1.0.0: resolved "https://registry.yarnpkg.com/vendors/-/vendors-1.0.2.tgz#7fcb5eef9f5623b156bcea89ec37d63676f21801" integrity sha512-w/hry/368nO21AN9QljsaIhb9ZiZtZARoVH5f3CsFbawdLdayCgKRPup7CggujvySMxx0I91NOyxdVENohprLQ== -verror@1.10.0: - version "1.10.0" - resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.0.tgz#3a105ca17053af55d6e270c1f8288682e18da400" - integrity sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA= - dependencies: - assert-plus "^1.0.0" - core-util-is "1.0.2" - extsprintf "^1.2.0" - vinyl-fs@^3.0.0: version "3.0.3" resolved "https://registry.yarnpkg.com/vinyl-fs/-/vinyl-fs-3.0.3.tgz#c85849405f67428feabbbd5c5dbdd64f47d31bc7" @@ -5357,7 +4842,7 @@ vinyl-sourcemap@^1.1.0: remove-bom-buffer "^3.0.0" vinyl "^2.0.0" -vinyl-sourcemaps-apply@^0.2.0, vinyl-sourcemaps-apply@^0.2.1: +vinyl-sourcemaps-apply@^0.2.1: version "0.2.1" resolved "https://registry.yarnpkg.com/vinyl-sourcemaps-apply/-/vinyl-sourcemaps-apply-0.2.1.tgz#ab6549d61d172c2b1b87be5c508d239c8ef87705" integrity sha1-q2VJ1h0XLCsbh75cUI0jnI74dwU= @@ -5390,7 +4875,7 @@ which-module@^1.0.0: resolved "https://registry.yarnpkg.com/which-module/-/which-module-1.0.0.tgz#bba63ca861948994ff307736089e3b96026c2a4f" integrity sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8= -which@1, which@^1.2.14, which@^1.2.9: +which@^1.2.14: version "1.3.1" resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a" integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ== @@ -5453,11 +4938,6 @@ y18n@^3.2.1: resolved "https://registry.yarnpkg.com/y18n/-/y18n-3.2.1.tgz#6d15fba884c08679c0d77e88e7759e811e07fa41" integrity sha1-bRX7qITAhnnA136I53WegR4H+kE= -yallist@^2.1.2: - version "2.1.2" - resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52" - integrity sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI= - yallist@^3.0.0, yallist@^3.0.2: version "3.0.3" resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.0.3.tgz#b4b049e314be545e3ce802236d6cd22cd91c3de9" @@ -5516,7 +4996,7 @@ yargs@6.6.0: y18n "^3.2.1" yargs-parser "^4.2.0" -yargs@^7.0.0, yargs@^7.1.0: +yargs@^7.1.0: version "7.1.0" resolved "https://registry.yarnpkg.com/yargs/-/yargs-7.1.0.tgz#6ba318eb16961727f5d284f8ea003e8d6154d0c8" integrity sha1-a6MY6xaWFyf10oT46gA+jWFU0Mg= From 47e8e430087a1bf6d520a03de4409baf56a29bdb Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Tue, 7 May 2019 02:01:18 +0200 Subject: [PATCH 24/44] chore: compile new builds based on PostCSS build step --- dist/dark-legacy.css | 6 ++- dist/dark-legacy.css.map | 2 +- dist/dark-legacy.min.css.map | 2 +- dist/dark.css | 66 +++++++++++++++++++----------- dist/dark.css.map | 2 +- dist/dark.min.css | 2 +- dist/dark.min.css.map | 2 +- dist/dark.standalone.css | 37 ++++++++++++++--- dist/dark.standalone.css.map | 2 +- dist/dark.standalone.min.css | 2 +- dist/dark.standalone.min.css.map | 2 +- dist/light-legacy.css | 6 ++- dist/light-legacy.css.map | 2 +- dist/light-legacy.min.css.map | 2 +- dist/light.css | 67 ++++++++++++++++++++----------- dist/light.css.map | 2 +- dist/light.min.css | 2 +- dist/light.min.css.map | 2 +- dist/light.standalone.css | 39 ++++++++++++++---- dist/light.standalone.css.map | 2 +- dist/light.standalone.min.css | 2 +- dist/light.standalone.min.css.map | 2 +- 22 files changed, 173 insertions(+), 80 deletions(-) diff --git a/dist/dark-legacy.css b/dist/dark-legacy.css index c56386c..43034d7 100755 --- a/dist/dark-legacy.css +++ b/dist/dark-legacy.css @@ -1,10 +1,12 @@ + + +@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css'); +@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css') (prefers-color-scheme: light); /** * Dark-themed version for legacy browsers: * Loads the compiled, standalone version of the dark theme, * but overrides it with the compiled, standalone version of the light theme * if a system-wide theme preference is set on the user's device. */ -@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css"); -@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css") (prefers-color-scheme: light); /*# sourceMappingURL=dark-legacy.css.map */ diff --git a/dist/dark-legacy.css.map b/dist/dark-legacy.css.map index 6ce20e6..6056281 100644 --- a/dist/dark-legacy.css.map +++ b/dist/dark-legacy.css.map @@ -1 +1 @@ -{"version":3,"sources":["builds/dark-legacy.scss","builds/dark-legacy.css"],"names":[],"mappings":"AAAA;;;;;ECKE;ADEF,qFAAY;AACZ,oHAAmH","file":"dark-legacy.css","sourcesContent":["/**\n * Dark-themed version for legacy browsers:\n * Loads the compiled, standalone version of the dark theme,\n * but overrides it with the compiled, standalone version of the light theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css') (prefers-color-scheme: light);\n","/**\n * Dark-themed version for legacy browsers:\n * Loads the compiled, standalone version of the dark theme,\n * but overrides it with the compiled, standalone version of the light theme\n * if a system-wide theme preference is set on the user's device.\n */\n@import url(\"https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css\");\n@import url(\"https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css\") (prefers-color-scheme: light);\n"]} \ No newline at end of file +{"version":3,"sources":["dark-legacy.css"],"names":[],"mappings":";;AAOA,qFAAqF;AACrF,oHAAoH;AARpH;;;;;EAKE","file":"dark-legacy.css","sourcesContent":["/**\n * Dark-themed version for legacy browsers:\n * Loads the compiled, standalone version of the dark theme,\n * but overrides it with the compiled, standalone version of the light theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css') (prefers-color-scheme: light);\n"]} \ No newline at end of file diff --git a/dist/dark-legacy.min.css.map b/dist/dark-legacy.min.css.map index b9cc9d7..4d7fb14 100644 --- a/dist/dark-legacy.min.css.map +++ b/dist/dark-legacy.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["builds/dark-legacy.scss"],"names":[],"mappings":"AAOA,qFAAY,CACZ,oHAAmH","file":"dark-legacy.min.css","sourcesContent":["/**\n * Dark-themed version for legacy browsers:\n * Loads the compiled, standalone version of the dark theme,\n * but overrides it with the compiled, standalone version of the light theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css') (prefers-color-scheme: light);\n"]} \ No newline at end of file +{"version":3,"sources":["dark-legacy.css"],"names":[],"mappings":"AAOA,qFAAqF,CACrF,oHAAoH","file":"dark-legacy.min.css","sourcesContent":["/**\n * Dark-themed version for legacy browsers:\n * Loads the compiled, standalone version of the dark theme,\n * but overrides it with the compiled, standalone version of the light theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css') (prefers-color-scheme: light);\n"]} \ No newline at end of file diff --git a/dist/dark.css b/dist/dark.css index 164eba5..a14e89b 100644 --- a/dist/dark.css +++ b/dist/dark.css @@ -1,4 +1,3 @@ -@charset "UTF-8"; /** * Dark-themed version: * uses dark theme by default but switches to light theme @@ -7,59 +6,77 @@ * Variables will remain uncompiled so the theme can update dynamically * at runtime in the browser. */ -/* To use this file from Sass, import `_variables/_variables-dark` */ + :root { --background: #202b38; --background-alt: #161f27; + --selection: #161f27; + --text-main: #dbdbdb; --text-bright: #ffffff; + --links: #41adff; --focus: #0096bfab; --border: #dbdbdb; --code: #ffbe85; + --animation-duration: 0.1s; --button-hover: #324759; - --scrollbar-thumb: #324759; - --scrollbar-thumb-hover: #415c73; + + --scrollbar-thumb: var(--button-hover); + --scrollbar-thumb-hover: rgb(65, 92, 115); + --form-placeholder: #a9a9a9; --form-text: #ffffff; } @media (prefers-color-scheme: light) { - /* To use this file from Sass, import `_variables/_variables-light` */ - :root { - --background: #ffffff; - --background-alt: #efefef; - --selection: #9e9e9e; - --text-main: #363636; - --text-bright: #000000; - --links: #0076d1; - --focus: #0096bfab; - --border: #dbdbdb; - --code: #000000; - --animation-duration: 0.1s; - --button-hover: #dddddd; - --scrollbar-thumb: #d5d5d5; - --scrollbar-thumb-hover: #c4c4c4; - --form-placeholder: #949494; - --form-text: #000000; - } +:root { + --background: #ffffff; + --background-alt: #efefef; + + --selection: #9e9e9e; + + --text-main: #363636; + --text-bright: #000000; + + --links: #0076d1; + --focus: #0096bfab; + --border: #dbdbdb; + --code: #000000; + + --animation-duration: 0.1s; + --button-hover: #dddddd; + + --scrollbar-thumb: rgb(44, 63, 79); + --scrollbar-thumb-hover: rgb(32, 45, 56); + + --form-placeholder: #949494; + --form-text: #000000; +} } 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: var(--text-main); background: var(--background); + text-rendering: optimizeLegibility; } button, input, textarea { - transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) ease; + transition: background-color var(--animation-duration) linear, + border-color var(--animation-duration) linear, + color var(--animation-duration) linear, + box-shadow var(--animation-duration) linear, + transform var(--animation-duration) ease; } h1 { @@ -145,11 +162,14 @@ select { input, select, button, textarea { color: var(--form-text); background-color: var(--background-alt); + font-family: inherit; font-size: inherit; + margin-right: 6px; margin-bottom: 6px; padding: 10px; + border: none; border-radius: 6px; outline: none; diff --git a/dist/dark.css.map b/dist/dark.css.map index 2f3f806..60c2115 100644 --- a/dist/dark.css.map +++ b/dist/dark.css.map @@ -1 +1 @@ -{"version":3,"sources":["builds/dark.css","builds/dark.scss","_variables/_variables-dark.scss","_variables/_variables-light.scss","parts/_base.scss","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"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","file":"dark.css","sourcesContent":["@charset \"UTF-8\";\n/**\n * Dark-themed version:\n * uses dark theme by default but switches to light theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n/* To use this file from Sass, import `_variables/_variables-dark` */\n:root {\n --background: #202b38;\n --background-alt: #161f27;\n --selection: #161f27;\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n --animation-duration: 0.1s;\n --button-hover: #324759;\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #415c73;\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n\n@media (prefers-color-scheme: light) {\n /* To use this file from Sass, import `_variables/_variables-light` */\n :root {\n --background: #ffffff;\n --background-alt: #efefef;\n --selection: #9e9e9e;\n --text-main: #363636;\n --text-bright: #000000;\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n --scrollbar-thumb: #d5d5d5;\n --scrollbar-thumb-hover: #c4c4c4;\n --form-placeholder: #949494;\n --form-text: #000000;\n }\n}\n\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: var(--text-main);\n background: var(--background);\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) 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: var(--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 var(--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}\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: var(--form-text);\n background-color: var(--background-alt);\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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}\n\na {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: var(--background-alt);\n color: var(--code);\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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n","/**\n * Dark-themed version:\n * uses dark theme by default but switches to light theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../_variables/_variables-dark';\n\n@media (prefers-color-scheme: light) {\n @import '../_variables/_variables-light';\n}\n\n@import '../parts/core';\n","/* To use this file from Sass, import `_variables/_variables-dark` */\n\n:root {\n --background: #202b38;\n --background-alt: #161f27;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #{lighten(#324759, 8%)};\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n","/* To use this file from Sass, import `_variables/_variables-light` */\n\n:root {\n--background: #ffffff;\n--background-alt: #efefef;\n\n--selection: #9e9e9e;\n\n--text-main: #363636;\n--text-bright: #000000;\n\n--links: #0076d1;\n--focus: #0096bfab;\n--border: #dbdbdb;\n--code: #000000;\n\n--animation-duration: 0.1s;\n--button-hover: #dddddd;\n\n--scrollbar-thumb: #{darken( #dddddd, 3% )};\n--scrollbar-thumb-hover: #{darken( #dddddd, 10% )};\n\n--form-placeholder: #949494;\n--form-text: #000000;\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file +{"version":3,"sources":["dark.css","../variables-dark.css","../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA;;;;;;;EAOE;;ACPF;EACE,qBAAqB;EACrB,yBAAyB;;EAEzB,oBAAoB;;EAEpB,oBAAoB;EACpB,sBAAsB;;EAEtB,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;;EAEf,0BAA0B;EAC1B,uBAAuB;;EAEvB,sCAAsC;EACtC,yCAAyE;;EAEzE,2BAA2B;EAC3B,oBAAoB;AACtB;;ACtBA;AAAA;EACE,qBAAqB;EACrB,yBAAyB;;EAEzB,oBAAoB;;EAEpB,oBAAoB;EACpB,sBAAsB;;EAEtB,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;;EAEf,0BAA0B;EAC1B,uBAAuB;;EAEvB,kCAAgE;EAChE,wCAAuE;;EAEvE,2BAA2B;EAC3B,oBAAoB;AACtB;AFmCA;;AGzDA;EACE,yKAAyK;EACzK,gBAAgB;;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;;EAEf,uBAAuB;EACvB,6BAA6B;;EAE7B,kCAAkC;AACpC;;AAEA;EACE;;;;sDAIoD;AACtD;;ACpBA;EACE,gBAAgB;EAChB,aAAa;AACf;;AAEA;;;;;;EAME,mBAAmB;AACrB;;AAEA;;;;;;;EAOE,yBAAyB;AAC3B;;AAEA;;;;;;;;;EASE,gBAAgB;AAClB;;AAEA;EACE,mCAAmC;EACnC,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AClEA;;;;EAIE,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;EACE,uBAAuB;EACvB,uCAAuC;;EAEvC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAEA;;EAEE,wBAAwB;AAC1B;;AAEA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;;;EAGE,+BAA+B;AACjC;;AAEA;;;;EAIE,kCAAkC;AACpC;;AAEA;;;;;EAKE,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,WAAW;AACb;;AAEA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AC5EA;EACE,qBAAqB;EACrB,mBAAmB;AACrB;;AAEA;EACE,0BAA0B;AAC5B;;ACPA;EACE,iCAAiC;EACjC,kBAAkB;EAClB,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;AAClB;;ACXA;EACE,eAAe;EACf,YAAY;AACd;;AAEA;EACE,YAAY;EACZ,mCAAmC;AACrC;;AAEA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;AACb;;AAEA;EACE,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,iCAAiC;EACjC,kBAAkB;AACpB;;AAEA;EACE,kCAAkC;EAClC,kBAAkB;AACpB;;AAEA;EACE,wCAAwC;AAC1C;;AAEA;EACE,kCAAkC;AACpC;;AAFA;EACE,kCAAkC;AACpC","file":"dark.css","sourcesContent":["/**\n * Dark-themed version:\n * uses dark theme by default but switches to light theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-dark.css';\n@import '../variables-light.css' (prefers-color-scheme: light);\n\n@import '../parts/_core.css';\n",":root {\n --background: #202b38;\n --background-alt: #161f27;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: var(--button-hover);\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n",":root {\n --background: #ffffff;\n --background-alt: #efefef;\n\n --selection: #9e9e9e;\n\n --text-main: #363636;\n --text-bright: #000000;\n\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n --form-placeholder: #949494;\n --form-text: #000000;\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file diff --git a/dist/dark.min.css b/dist/dark.min.css index 87fcb41..b2bc7c5 100644 --- a/dist/dark.min.css +++ b/dist/dark.min.css @@ -1,2 +1,2 @@ -@charset "UTF-8";:root{--background:#202b38;--background-alt:#161f27;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--links:#41adff;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#ffbe85;--animation-duration:0.1s;--button-hover:#324759;--scrollbar-thumb:#324759;--scrollbar-thumb-hover:#415c73;--form-placeholder:#a9a9a9;--form-text:#fff}@media (prefers-color-scheme:light){:root{--background:#fff;--background-alt:#efefef;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--links:#0076d1;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#000;--animation-duration:0.1s;--button-hover:#ddd;--scrollbar-thumb:#d5d5d5;--scrollbar-thumb-hover:#c4c4c4;--form-placeholder:#949494;--form-text:#000}}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:var(--text-main);background:var(--background);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) 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:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid var(--focus);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:var(--form-text);background-color:var(--background-alt);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:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}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:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,kbd{background:var(--background-alt);color:var(--code);padding:5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background-alt);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)} +:root{--background:#202b38;--background-alt:#161f27;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--links:#41adff;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#ffbe85;--animation-duration:0.1s;--button-hover:#324759;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:#415c73;--form-placeholder:#a9a9a9;--form-text:#fff}@media (prefers-color-scheme:light){:root{--background:#fff;--background-alt:#efefef;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--links:#0076d1;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#000;--animation-duration:0.1s;--button-hover:#ddd;--scrollbar-thumb:#2c3f4f;--scrollbar-thumb-hover:#202d38;--form-placeholder:#949494;--form-text:#000}}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:var(--text-main);background:var(--background);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) 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:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid var(--focus);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:var(--form-text);background-color:var(--background-alt);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:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}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:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,kbd{background:var(--background-alt);color:var(--code);padding:5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background-alt);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)} /*# sourceMappingURL=dark.min.css.map */ diff --git a/dist/dark.min.css.map b/dist/dark.min.css.map index 559edac..ab791b5 100644 --- a/dist/dark.min.css.map +++ b/dist/dark.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["parts/_typography.scss","builds/dark.css","_variables/_variables-dark.scss","builds/dark.scss","_variables/_variables-light.scss","parts/_base.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAwDA,gBCkEA,CCxHA,MACE,oBAAa,CACb,wBAAiB,CAEjB,mBAAY,CAEZ,mBAAY,CACZ,kBAAc,CAEd,eAAQ,CACR,4BAAQ,CACR,gBAAS,CACT,cAAO,CAEP,yBAAqB,CACrB,sBAAe,CAEf,yBAAkB,CAClB,+BAAwB,CAExB,0BAAmB,CACnB,gBDGF,CEfA,oCCTA,MACA,iBAAa,CACb,wBAAiB,CAEjB,mBAAY,CAEZ,mBAAY,CACZ,kBAAc,CAEd,eAAQ,CACR,4BAAQ,CACR,gBAAS,CACT,WAAO,CAEP,yBAAqB,CACrB,mBAAe,CAEf,yBAAkB,CAClB,+BAAwB,CAExB,0BAAmB,CACnB,gBHuBE,CACF,CI/CA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,4BAA6B,CAE7B,iCJ+CF,CI5CA,sBACE,sOJ+CF,CD9DA,GACE,eAAgB,CAChB,YCiEF,CD9DA,kBAME,kBCiEF,CD9DA,yBAOE,wBCiEF,CD9DA,8BASE,eCiEF,CD9DA,WACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBCiEF,CD9DA,kBACE,eAAgB,CAChB,iBCiEF,CD1DA,wBACE,iBCiEF,CD9DA,uBACE,aCiEF,CD9DA,oBACE,aCiEF,CD9DA,oBACE,aCiEF,CKlIA,kEAIE,cLqIF,CKlIA,oDAEE,aLqIF,CKlIA,6BACE,sBAAuB,CACvB,sCAAuC,CAEvC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YLkIF,CK/HA,oEAEE,uBLkIF,CK/HA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eLkIF,CK/HA,6CACE,kBAAmB,CACnB,iBLkIF,CK/HA,+DAGE,8BLkIF,CK/HA,qDAIE,iCLkIF,CK/HA,uHAKE,yBLkIF,CK/HA,iEAIE,kBAAmB,CACnB,ULkIF,CK/HA,4BACE,6BLkIF,CKnIA,uBACE,6BLkIF,CKnIA,wBACE,6BLkIF,CKnIA,cACE,6BLkIF,CM7MA,EACE,oBAAqB,CACrB,kBNgNF,CM7MA,QACE,yBNgNF,COtNA,SACE,gCAAiC,CACjC,iBAAkB,CAClB,WAAY,CACZ,iBPyNF,COtNA,SACE,YAAa,CACb,aAAc,CACd,ePyNF,CQnOA,IACE,cAAe,CACf,WRsOF,CQnOA,GACE,WAAY,CACZ,kCRsOF,CQnOA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,URsOF,CQnOA,MACE,WAAY,CACZ,eRsOF,CQnOA,GACE,qCRsOF,CQnOA,uBACE,sCRsOF,CQnOA,oBACE,WAAY,CACZ,URsOF,CQnOA,0BACE,gCAAiC,CACjC,iBRsOF,CQnOA,0BACE,iCAAkC,CAClC,iBRsOF,CQnOA,gCACE,uCRsOF,CQnOA,iBACE,iCRsOF,CQvOA,YACE,iCRsOF","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: var(--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 var(--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\";\n/**\n * Dark-themed version:\n * uses dark theme by default but switches to light theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n/* To use this file from Sass, import `_variables/_variables-dark` */\n:root {\n --background: #202b38;\n --background-alt: #161f27;\n --selection: #161f27;\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n --animation-duration: 0.1s;\n --button-hover: #324759;\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #415c73;\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n\n@media (prefers-color-scheme: light) {\n /* To use this file from Sass, import `_variables/_variables-light` */\n :root {\n --background: #ffffff;\n --background-alt: #efefef;\n --selection: #9e9e9e;\n --text-main: #363636;\n --text-bright: #000000;\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n --scrollbar-thumb: #d5d5d5;\n --scrollbar-thumb-hover: #c4c4c4;\n --form-placeholder: #949494;\n --form-text: #000000;\n }\n}\n\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: var(--text-main);\n background: var(--background);\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) 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: var(--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 var(--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}\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: var(--form-text);\n background-color: var(--background-alt);\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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}\n\na {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: var(--background-alt);\n color: var(--code);\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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n","/* To use this file from Sass, import `_variables/_variables-dark` */\n\n:root {\n --background: #202b38;\n --background-alt: #161f27;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #{lighten(#324759, 8%)};\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n","/**\n * Dark-themed version:\n * uses dark theme by default but switches to light theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../_variables/_variables-dark';\n\n@media (prefers-color-scheme: light) {\n @import '../_variables/_variables-light';\n}\n\n@import '../parts/core';\n","/* To use this file from Sass, import `_variables/_variables-light` */\n\n:root {\n--background: #ffffff;\n--background-alt: #efefef;\n\n--selection: #9e9e9e;\n\n--text-main: #363636;\n--text-bright: #000000;\n\n--links: #0076d1;\n--focus: #0096bfab;\n--border: #dbdbdb;\n--code: #000000;\n\n--animation-duration: 0.1s;\n--button-hover: #dddddd;\n\n--scrollbar-thumb: #{darken( #dddddd, 3% )};\n--scrollbar-thumb-hover: #{darken( #dddddd, 10% )};\n\n--form-placeholder: #949494;\n--form-text: #000000;\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file +{"version":3,"sources":["../variables-dark.css","../variables-light.css","dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,cAAe,CAEf,yBAA0B,CAC1B,sBAAuB,CAEvB,qCAAsC,CACtC,+BAAyE,CAEzE,0BAA2B,CAC3B,gBACF,CCtBA,oCAAA,MACE,iBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,WAAe,CAEf,yBAA0B,CAC1B,mBAAuB,CAEvB,yBAAgE,CAChE,+BAAuE,CAEvE,0BAA2B,CAC3B,gBACF,CCmCA,CCzDA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,4BAA6B,CAE7B,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAEA,WACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CClEA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BACE,sBAAuB,CACvB,sCAAuC,CAEvC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAEE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CACE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CC5EA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,SACE,gCAAiC,CACjC,iBAAkB,CAClB,WAAY,CACZ,iBACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CCXA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MACE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,gCAAiC,CACjC,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"dark.min.css","sourcesContent":[":root {\n --background: #202b38;\n --background-alt: #161f27;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: var(--button-hover);\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n",":root {\n --background: #ffffff;\n --background-alt: #efefef;\n\n --selection: #9e9e9e;\n\n --text-main: #363636;\n --text-bright: #000000;\n\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n --form-placeholder: #949494;\n --form-text: #000000;\n}\n","/**\n * Dark-themed version:\n * uses dark theme by default but switches to light theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-dark.css';\n@import '../variables-light.css' (prefers-color-scheme: light);\n\n@import '../parts/_core.css';\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file diff --git a/dist/dark.standalone.css b/dist/dark.standalone.css index 56f6603..d17e101 100755 --- a/dist/dark.standalone.css +++ b/dist/dark.standalone.css @@ -1,32 +1,45 @@ -@charset "UTF-8"; /** * Standalone dark-themed version. * Includes dark variables and core, compiled at build time so the final output * will only include regular CSS, no variables. */ -/* To use this file from Sass, import `_variables/_variables-dark` */ 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 { - transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease; + transition: background-color 0.1s linear, + border-color 0.1s linear, + color 0.1s linear, + box-shadow 0.1s linear, + transform 0.1s ease; } input { - transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease; + transition: background-color 0.1s linear, + border-color 0.1s linear, + color 0.1s linear, + box-shadow 0.1s linear, + transform 0.1s ease; } 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; + 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 { @@ -130,11 +143,14 @@ select { input { 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; @@ -143,11 +159,14 @@ input { select { 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; @@ -156,11 +175,14 @@ select { button { 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; @@ -169,11 +191,14 @@ 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; @@ -330,7 +355,7 @@ tbody tr:nth-child(even) { } ::-webkit-scrollbar-thumb:hover { - background: #415c73; + background: rgb(65, 92, 115); } ::-moz-selection { diff --git a/dist/dark.standalone.css.map b/dist/dark.standalone.css.map index ee5f6ac..31f3afa 100644 --- a/dist/dark.standalone.css.map +++ b/dist/dark.standalone.css.map @@ -1 +1 @@ -{"version":3,"sources":["builds/dark.standalone.css","builds/dark.standalone.scss","_variables/_variables-dark.scss","parts/_base.scss","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"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","file":"dark.standalone.css","sourcesContent":["@charset \"UTF-8\";\n/**\n * Standalone dark-themed version.\n * Includes dark variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n/* To use this file from Sass, import `_variables/_variables-dark` */\n:root {\n --background: #202b38;\n --background-alt: #161f27;\n --selection: #161f27;\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n --animation-duration: 0.1s;\n --button-hover: #324759;\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #415c73;\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n\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: var(--text-main);\n background: var(--background);\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) 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: var(--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 var(--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}\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: var(--form-text);\n background-color: var(--background-alt);\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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}\n\na {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: var(--background-alt);\n color: var(--code);\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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n","/**\n * Standalone dark-themed version.\n * Includes dark variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n\n@import '../_variables/variables-dark';\n@import '../parts/core';\n","/* To use this file from Sass, import `_variables/_variables-dark` */\n\n:root {\n --background: #202b38;\n --background-alt: #161f27;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #{lighten(#324759, 8%)};\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file +{"version":3,"sources":["dark.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"dark.standalone.css","sourcesContent":["/**\n * Standalone dark-themed version.\n * Includes dark variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n\n@import '../variables-dark.css';\n@import '../parts/_core.css';\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file diff --git a/dist/dark.standalone.min.css b/dist/dark.standalone.min.css index 6d51d62..c26121f 100755 --- a/dist/dark.standalone.min.css +++ b/dist/dark.standalone.min.css @@ -1,2 +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%;height:auto}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}::-moz-selection{background-color:#161f27}::selection{background-color:#161f27} +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%;height:auto}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}::-moz-selection{background-color:#161f27}::selection{background-color:#161f27} /*# sourceMappingURL=dark.standalone.min.css.map */ diff --git a/dist/dark.standalone.min.css.map b/dist/dark.standalone.min.css.map index 75e071c..976712d 100644 --- a/dist/dark.standalone.min.css.map +++ b/dist/dark.standalone.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["parts/_typography.scss","builds/dark.standalone.css","parts/_base.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAwDA,gBC0CA,CClGA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aAAuB,CACvB,kBAA6B,CAE7B,iCDuBF,CCpBA,sBACE,wHDuBF,CDtCA,GACE,eAAgB,CAChB,YCyCF,CDtCA,kBAME,kBCyCF,CDtCA,yBAOE,UCyCF,CDtCA,8BASE,eCyCF,CDtCA,WACE,yCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBCyCF,CDtCA,kBACE,eAAgB,CAChB,iBCyCF,CDlCA,wBACE,iBCyCF,CDtCA,uBACE,aCyCF,CDtCA,oBACE,aCyCF,CDtCA,oBACE,aCyCF,CE1GA,kEAIE,cF6GF,CE1GA,oDAEE,aF6GF,CE1GA,6BACE,UAAuB,CACvB,wBAAuC,CAEvC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YF0GF,CEvGA,oEAEE,uBF0GF,CEvGA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eF0GF,CEvGA,6CACE,kBAAmB,CACnB,iBF0GF,CEvGA,+DAGE,kBF0GF,CEvGA,qDAIE,wCF0GF,CEvGA,uHAKE,yBF0GF,CEvGA,iEAIE,kBAAmB,CACnB,UF0GF,CEvGA,4BACE,aF0GF,CE3GA,uBACE,aF0GF,CE3GA,wBACE,aF0GF,CE3GA,cACE,aF0GF,CGrLA,EACE,oBAAqB,CACrB,aHwLF,CGrLA,QACE,yBHwLF,CI9LA,SACE,kBAAiC,CACjC,aAAkB,CAClB,WAAY,CACZ,iBJiMF,CI9LA,SACE,YAAa,CACb,aAAc,CACd,eJiMF,CK3MA,IACE,cAAe,CACf,WL8MF,CK3MA,GAEE,WAAmC,CAAnC,4BL8MF,CK3MA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UL8MF,CK3MA,MACE,WAAY,CACZ,eL8MF,CK3MA,GACE,+BL8MF,CK3MA,uBACE,wBL8MF,CK3MA,oBACE,WAAY,CACZ,UL8MF,CK3MA,0BACE,kBAAiC,CACjC,iBL8MF,CK3MA,0BACE,kBAAkC,CAClC,iBL8MF,CK3MA,gCACE,kBL8MF,CK3MA,iBACE,wBL8MF,CK/MA,YACE,wBL8MF","file":"dark.standalone.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: var(--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 var(--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\";\n/**\n * Standalone dark-themed version.\n * Includes dark variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n/* To use this file from Sass, import `_variables/_variables-dark` */\n:root {\n --background: #202b38;\n --background-alt: #161f27;\n --selection: #161f27;\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n --animation-duration: 0.1s;\n --button-hover: #324759;\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #415c73;\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n\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: var(--text-main);\n background: var(--background);\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) 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: var(--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 var(--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}\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: var(--form-text);\n background-color: var(--background-alt);\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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}\n\na {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: var(--background-alt);\n color: var(--code);\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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file +{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aAAuB,CACvB,kBAA6B,CAE7B,iCACF,CAEA,sBACE,wHAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,UACF,CAEA,8BASE,eACF,CAEA,WACE,yCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CClEA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BACE,UAAuB,CACvB,wBAAuC,CAEvC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAEE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CACE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,kBACF,CAEA,qDAIE,wCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CC5EA,EACE,oBAAqB,CACrB,aACF,CAEA,QACE,yBACF,CCPA,SACE,kBAAiC,CACjC,aAAkB,CAClB,WAAY,CACZ,iBACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CCXA,IACE,cAAe,CACf,WACF,CAEA,GAEE,WAAmC,CAAnC,4BACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MACE,WAAY,CACZ,eACF,CAEA,GACE,+BACF,CAEA,uBACE,wBACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,kBAAiC,CACjC,iBACF,CAEA,0BACE,kBAAkC,CAClC,iBACF,CAEA,gCACE,kBACF,CAEA,iBACE,wBACF,CAFA,YACE,wBACF","file":"dark.standalone.min.css","sourcesContent":["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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file diff --git a/dist/light-legacy.css b/dist/light-legacy.css index 83b0401..b9a521a 100755 --- a/dist/light-legacy.css +++ b/dist/light-legacy.css @@ -1,10 +1,12 @@ + + +@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css'); +@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css') (prefers-color-scheme: dark); /** * Light-themed version for legacy browsers: * Loads the compiled, standalone version of the light theme at runtime, * but overrides it with the compiled, standalone version of the dark theme * if a system-wide theme preference is set on the user's device. */ -@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css"); -@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css") (prefers-color-scheme: dark); /*# sourceMappingURL=light-legacy.css.map */ diff --git a/dist/light-legacy.css.map b/dist/light-legacy.css.map index f7a6339..32e01fe 100644 --- a/dist/light-legacy.css.map +++ b/dist/light-legacy.css.map @@ -1 +1 @@ -{"version":3,"sources":["builds/light-legacy.scss","builds/light-legacy.css"],"names":[],"mappings":"AAAA;;;;;ECKE;ADEF,sFAAY;AACZ,kHAAiH","file":"light-legacy.css","sourcesContent":["/**\n * Light-themed version for legacy browsers:\n * Loads the compiled, standalone version of the light theme at runtime,\n * but overrides it with the compiled, standalone version of the dark theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css') (prefers-color-scheme: dark);\n","/**\n * Light-themed version for legacy browsers:\n * Loads the compiled, standalone version of the light theme at runtime,\n * but overrides it with the compiled, standalone version of the dark theme\n * if a system-wide theme preference is set on the user's device.\n */\n@import url(\"https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css\");\n@import url(\"https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css\") (prefers-color-scheme: dark);\n"]} \ No newline at end of file +{"version":3,"sources":["light-legacy.css"],"names":[],"mappings":";;AAOA,sFAAsF;AACtF,kHAAkH;AARlH;;;;;EAKE","file":"light-legacy.css","sourcesContent":["/**\n * Light-themed version for legacy browsers:\n * Loads the compiled, standalone version of the light theme at runtime,\n * but overrides it with the compiled, standalone version of the dark theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css') (prefers-color-scheme: dark);\n"]} \ No newline at end of file diff --git a/dist/light-legacy.min.css.map b/dist/light-legacy.min.css.map index f266bc1..adbd50d 100644 --- a/dist/light-legacy.min.css.map +++ b/dist/light-legacy.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["builds/light-legacy.scss"],"names":[],"mappings":"AAOA,sFAAY,CACZ,kHAAiH","file":"light-legacy.min.css","sourcesContent":["/**\n * Light-themed version for legacy browsers:\n * Loads the compiled, standalone version of the light theme at runtime,\n * but overrides it with the compiled, standalone version of the dark theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css') (prefers-color-scheme: dark);\n"]} \ No newline at end of file +{"version":3,"sources":["light-legacy.css"],"names":[],"mappings":"AAOA,sFAAsF,CACtF,kHAAkH","file":"light-legacy.min.css","sourcesContent":["/**\n * Light-themed version for legacy browsers:\n * Loads the compiled, standalone version of the light theme at runtime,\n * but overrides it with the compiled, standalone version of the dark theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css') (prefers-color-scheme: dark);\n"]} \ No newline at end of file diff --git a/dist/light.css b/dist/light.css index f57d3a4..7236312 100644 --- a/dist/light.css +++ b/dist/light.css @@ -1,4 +1,3 @@ -@charset "UTF-8"; /** * Light-themed version: * uses light theme by default but switches to dark theme @@ -7,59 +6,77 @@ * Variables will remain uncompiled so the theme can update dynamically * at runtime in the browser. */ -/* To use this file from Sass, import `_variables/_variables-light` */ + :root { --background: #ffffff; --background-alt: #efefef; + --selection: #9e9e9e; + --text-main: #363636; --text-bright: #000000; + --links: #0076d1; --focus: #0096bfab; --border: #dbdbdb; --code: #000000; + --animation-duration: 0.1s; --button-hover: #dddddd; - --scrollbar-thumb: #d5d5d5; - --scrollbar-thumb-hover: #c4c4c4; + + --scrollbar-thumb: rgb(213, 213, 213); + --scrollbar-thumb-hover: rgb(196, 196, 196); + --form-placeholder: #949494; --form-text: #000000; } @media (prefers-color-scheme: dark) { - /* To use this file from Sass, import `_variables/_variables-dark` */ - :root { - --background: #202b38; - --background-alt: #161f27; - --selection: #161f27; - --text-main: #dbdbdb; - --text-bright: #ffffff; - --links: #41adff; - --focus: #0096bfab; - --border: #dbdbdb; - --code: #ffbe85; - --animation-duration: 0.1s; - --button-hover: #324759; - --scrollbar-thumb: #324759; - --scrollbar-thumb-hover: #415c73; - --form-placeholder: #a9a9a9; - --form-text: #ffffff; - } +:root { + --background: #202b38; + --background-alt: #161f27; + + --selection: #161f27; + + --text-main: #dbdbdb; + --text-bright: #ffffff; + + --links: #41adff; + --focus: #0096bfab; + --border: #dbdbdb; + --code: #ffbe85; + + --animation-duration: 0.1s; + --button-hover: #324759; + + --scrollbar-thumb: var(--button-hover); + --scrollbar-thumb-hover: rgb(20, 20, 20); + + --form-placeholder: #a9a9a9; + --form-text: #ffffff; +} } 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: var(--text-main); background: var(--background); + text-rendering: optimizeLegibility; } button, input, textarea { - transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) ease; + transition: background-color var(--animation-duration) linear, + border-color var(--animation-duration) linear, + color var(--animation-duration) linear, + box-shadow var(--animation-duration) linear, + transform var(--animation-duration) ease; } h1 { @@ -145,11 +162,14 @@ select { input, select, button, textarea { color: var(--form-text); background-color: var(--background-alt); + font-family: inherit; font-size: inherit; + margin-right: 6px; margin-bottom: 6px; padding: 10px; + border: none; border-radius: 6px; outline: none; @@ -294,5 +314,4 @@ tbody tr:nth-child(even) { ::selection { background-color: var(--selection); } - /*# sourceMappingURL=light.css.map */ diff --git a/dist/light.css.map b/dist/light.css.map index 05e91e0..3b9d7dd 100644 --- a/dist/light.css.map +++ b/dist/light.css.map @@ -1 +1 @@ -{"version":3,"sources":["builds/light.css","builds/light.scss","_variables/_variables-light.scss","_variables/_variables-dark.scss","parts/_base.scss","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"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","file":"light.css","sourcesContent":["@charset \"UTF-8\";\n/**\n * Light-themed version:\n * uses light theme by default but switches to dark theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n/* To use this file from Sass, import `_variables/_variables-light` */\n:root {\n --background: #ffffff;\n --background-alt: #efefef;\n --selection: #9e9e9e;\n --text-main: #363636;\n --text-bright: #000000;\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n --scrollbar-thumb: #d5d5d5;\n --scrollbar-thumb-hover: #c4c4c4;\n --form-placeholder: #949494;\n --form-text: #000000;\n}\n\n@media (prefers-color-scheme: dark) {\n /* To use this file from Sass, import `_variables/_variables-dark` */\n :root {\n --background: #202b38;\n --background-alt: #161f27;\n --selection: #161f27;\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n --animation-duration: 0.1s;\n --button-hover: #324759;\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #415c73;\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n }\n}\n\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: var(--text-main);\n background: var(--background);\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) 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: var(--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 var(--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}\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: var(--form-text);\n background-color: var(--background-alt);\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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}\n\na {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: var(--background-alt);\n color: var(--code);\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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n","/**\n * Light-themed version:\n * uses light theme by default but switches to dark theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../_variables/variables-light';\n\n@media (prefers-color-scheme: dark) {\n @import '../_variables/variables-dark';\n}\n\n@import '../parts/core';","/* To use this file from Sass, import `_variables/_variables-light` */\n\n:root {\n--background: #ffffff;\n--background-alt: #efefef;\n\n--selection: #9e9e9e;\n\n--text-main: #363636;\n--text-bright: #000000;\n\n--links: #0076d1;\n--focus: #0096bfab;\n--border: #dbdbdb;\n--code: #000000;\n\n--animation-duration: 0.1s;\n--button-hover: #dddddd;\n\n--scrollbar-thumb: #{darken( #dddddd, 3% )};\n--scrollbar-thumb-hover: #{darken( #dddddd, 10% )};\n\n--form-placeholder: #949494;\n--form-text: #000000;\n}\n","/* To use this file from Sass, import `_variables/_variables-dark` */\n\n:root {\n --background: #202b38;\n --background-alt: #161f27;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #{lighten(#324759, 8%)};\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file +{"version":3,"sources":["light.css","../variables-light.css","../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA;;;;;;;EAOE;;ACPF;EACE,qBAAqB;EACrB,yBAAyB;;EAEzB,oBAAoB;;EAEpB,oBAAoB;EACpB,sBAAsB;;EAEtB,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;;EAEf,0BAA0B;EAC1B,uBAAuB;;EAEvB,qCAAgE;EAChE,2CAAuE;;EAEvE,2BAA2B;EAC3B,oBAAoB;AACtB;;ACtBA;AAAA;EACE,qBAAqB;EACrB,yBAAyB;;EAEzB,oBAAoB;;EAEpB,oBAAoB;EACpB,sBAAsB;;EAEtB,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;;EAEf,0BAA0B;EAC1B,uBAAuB;;EAEvB,sCAAsC;EACtC,wCAAyE;;EAEzE,2BAA2B;EAC3B,oBAAoB;AACtB;AFmCA;;AGzDA;EACE,yKAAyK;EACzK,gBAAgB;;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;;EAEf,uBAAuB;EACvB,6BAA6B;;EAE7B,kCAAkC;AACpC;;AAEA;EACE;;;;sDAIoD;AACtD;;ACpBA;EACE,gBAAgB;EAChB,aAAa;AACf;;AAEA;;;;;;EAME,mBAAmB;AACrB;;AAEA;;;;;;;EAOE,yBAAyB;AAC3B;;AAEA;;;;;;;;;EASE,gBAAgB;AAClB;;AAEA;EACE,mCAAmC;EACnC,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AClEA;;;;EAIE,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;EACE,uBAAuB;EACvB,uCAAuC;;EAEvC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAEA;;EAEE,wBAAwB;AAC1B;;AAEA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;;;EAGE,+BAA+B;AACjC;;AAEA;;;;EAIE,kCAAkC;AACpC;;AAEA;;;;;EAKE,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,WAAW;AACb;;AAEA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AC5EA;EACE,qBAAqB;EACrB,mBAAmB;AACrB;;AAEA;EACE,0BAA0B;AAC5B;;ACPA;EACE,iCAAiC;EACjC,kBAAkB;EAClB,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;AAClB;;ACXA;EACE,eAAe;EACf,YAAY;AACd;;AAEA;EACE,YAAY;EACZ,mCAAmC;AACrC;;AAEA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;AACb;;AAEA;EACE,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,iCAAiC;EACjC,kBAAkB;AACpB;;AAEA;EACE,kCAAkC;EAClC,kBAAkB;AACpB;;AAEA;EACE,wCAAwC;AAC1C;;AAEA;EACE,kCAAkC;AACpC;;AAFA;EACE,kCAAkC;AACpC","file":"light.css","sourcesContent":["/**\n * Light-themed version:\n * uses light theme by default but switches to dark theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-light.css';\n@import '../variables-dark.css' (prefers-color-scheme: dark);\n\n\n@import '../parts/_core.css';",":root {\n --background: #ffffff;\n --background-alt: #efefef;\n\n --selection: #9e9e9e;\n\n --text-main: #363636;\n --text-bright: #000000;\n\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n --form-placeholder: #949494;\n --form-text: #000000;\n}\n",":root {\n --background: #202b38;\n --background-alt: #161f27;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: var(--button-hover);\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file diff --git a/dist/light.min.css b/dist/light.min.css index 95505f3..e0f6e97 100644 --- a/dist/light.min.css +++ b/dist/light.min.css @@ -1,2 +1,2 @@ -@charset "UTF-8";:root{--background:#fff;--background-alt:#efefef;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--links:#0076d1;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#000;--animation-duration:0.1s;--button-hover:#ddd;--scrollbar-thumb:#d5d5d5;--scrollbar-thumb-hover:#c4c4c4;--form-placeholder:#949494;--form-text:#000}@media (prefers-color-scheme:dark){:root{--background:#202b38;--background-alt:#161f27;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--links:#41adff;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#ffbe85;--animation-duration:0.1s;--button-hover:#324759;--scrollbar-thumb:#324759;--scrollbar-thumb-hover:#415c73;--form-placeholder:#a9a9a9;--form-text:#fff}}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:var(--text-main);background:var(--background);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) 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:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid var(--focus);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:var(--form-text);background-color:var(--background-alt);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:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}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:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,kbd{background:var(--background-alt);color:var(--code);padding:5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background-alt);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)} +:root{--background:#fff;--background-alt:#efefef;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--links:#0076d1;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#000;--animation-duration:0.1s;--button-hover:#ddd;--scrollbar-thumb:#d5d5d5;--scrollbar-thumb-hover:#c4c4c4;--form-placeholder:#949494;--form-text:#000}@media (prefers-color-scheme:dark){:root{--background:#202b38;--background-alt:#161f27;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--links:#41adff;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#ffbe85;--animation-duration:0.1s;--button-hover:#324759;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:#141414;--form-placeholder:#a9a9a9;--form-text:#fff}}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:var(--text-main);background:var(--background);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) 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:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid var(--focus);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:var(--form-text);background-color:var(--background-alt);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:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}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:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,kbd{background:var(--background-alt);color:var(--code);padding:5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background-alt);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)} /*# sourceMappingURL=light.min.css.map */ diff --git a/dist/light.min.css.map b/dist/light.min.css.map index c5777cb..732bb7a 100644 --- a/dist/light.min.css.map +++ b/dist/light.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["parts/_typography.scss","builds/light.css","_variables/_variables-light.scss","builds/light.scss","_variables/_variables-dark.scss","parts/_base.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAwDA,gBCkEA,CCxHA,MACA,iBAAa,CACb,wBAAiB,CAEjB,mBAAY,CAEZ,mBAAY,CACZ,kBAAc,CAEd,eAAQ,CACR,4BAAQ,CACR,gBAAS,CACT,WAAO,CAEP,yBAAqB,CACrB,mBAAe,CAEf,yBAAkB,CAClB,+BAAwB,CAExB,0BAAmB,CACnB,gBDGA,CEfA,mCCTA,MACE,oBAAa,CACb,wBAAiB,CAEjB,mBAAY,CAEZ,mBAAY,CACZ,kBAAc,CAEd,eAAQ,CACR,4BAAQ,CACR,gBAAS,CACT,cAAO,CAEP,yBAAqB,CACrB,sBAAe,CAEf,yBAAkB,CAClB,+BAAwB,CAExB,0BAAmB,CACnB,gBHuBA,CACF,CI/CA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,4BAA6B,CAE7B,iCJ+CF,CI5CA,sBACE,sOJ+CF,CD9DA,GACE,eAAgB,CAChB,YCiEF,CD9DA,kBAME,kBCiEF,CD9DA,yBAOE,wBCiEF,CD9DA,8BASE,eCiEF,CD9DA,WACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBCiEF,CD9DA,kBACE,eAAgB,CAChB,iBCiEF,CD1DA,wBACE,iBCiEF,CD9DA,uBACE,aCiEF,CD9DA,oBACE,aCiEF,CD9DA,oBACE,aCiEF,CKlIA,kEAIE,cLqIF,CKlIA,oDAEE,aLqIF,CKlIA,6BACE,sBAAuB,CACvB,sCAAuC,CAEvC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YLkIF,CK/HA,oEAEE,uBLkIF,CK/HA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eLkIF,CK/HA,6CACE,kBAAmB,CACnB,iBLkIF,CK/HA,+DAGE,8BLkIF,CK/HA,qDAIE,iCLkIF,CK/HA,uHAKE,yBLkIF,CK/HA,iEAIE,kBAAmB,CACnB,ULkIF,CK/HA,4BACE,6BLkIF,CKnIA,uBACE,6BLkIF,CKnIA,wBACE,6BLkIF,CKnIA,cACE,6BLkIF,CM7MA,EACE,oBAAqB,CACrB,kBNgNF,CM7MA,QACE,yBNgNF,COtNA,SACE,gCAAiC,CACjC,iBAAkB,CAClB,WAAY,CACZ,iBPyNF,COtNA,SACE,YAAa,CACb,aAAc,CACd,ePyNF,CQnOA,IACE,cAAe,CACf,WRsOF,CQnOA,GACE,WAAY,CACZ,kCRsOF,CQnOA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,URsOF,CQnOA,MACE,WAAY,CACZ,eRsOF,CQnOA,GACE,qCRsOF,CQnOA,uBACE,sCRsOF,CQnOA,oBACE,WAAY,CACZ,URsOF,CQnOA,0BACE,gCAAiC,CACjC,iBRsOF,CQnOA,0BACE,iCAAkC,CAClC,iBRsOF,CQnOA,gCACE,uCRsOF,CQnOA,iBACE,iCRsOF,CQvOA,YACE,iCRsOF","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: var(--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 var(--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\";\n/**\n * Light-themed version:\n * uses light theme by default but switches to dark theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n/* To use this file from Sass, import `_variables/_variables-light` */\n:root {\n --background: #ffffff;\n --background-alt: #efefef;\n --selection: #9e9e9e;\n --text-main: #363636;\n --text-bright: #000000;\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n --scrollbar-thumb: #d5d5d5;\n --scrollbar-thumb-hover: #c4c4c4;\n --form-placeholder: #949494;\n --form-text: #000000;\n}\n\n@media (prefers-color-scheme: dark) {\n /* To use this file from Sass, import `_variables/_variables-dark` */\n :root {\n --background: #202b38;\n --background-alt: #161f27;\n --selection: #161f27;\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n --animation-duration: 0.1s;\n --button-hover: #324759;\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #415c73;\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n }\n}\n\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: var(--text-main);\n background: var(--background);\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) 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: var(--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 var(--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}\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: var(--form-text);\n background-color: var(--background-alt);\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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}\n\na {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: var(--background-alt);\n color: var(--code);\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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n","/* To use this file from Sass, import `_variables/_variables-light` */\n\n:root {\n--background: #ffffff;\n--background-alt: #efefef;\n\n--selection: #9e9e9e;\n\n--text-main: #363636;\n--text-bright: #000000;\n\n--links: #0076d1;\n--focus: #0096bfab;\n--border: #dbdbdb;\n--code: #000000;\n\n--animation-duration: 0.1s;\n--button-hover: #dddddd;\n\n--scrollbar-thumb: #{darken( #dddddd, 3% )};\n--scrollbar-thumb-hover: #{darken( #dddddd, 10% )};\n\n--form-placeholder: #949494;\n--form-text: #000000;\n}\n","/**\n * Light-themed version:\n * uses light theme by default but switches to dark theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../_variables/variables-light';\n\n@media (prefers-color-scheme: dark) {\n @import '../_variables/variables-dark';\n}\n\n@import '../parts/core';","/* To use this file from Sass, import `_variables/_variables-dark` */\n\n:root {\n --background: #202b38;\n --background-alt: #161f27;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: #324759;\n --scrollbar-thumb-hover: #{lighten(#324759, 8%)};\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file +{"version":3,"sources":["../variables-light.css","../variables-dark.css","light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,iBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,WAAe,CAEf,yBAA0B,CAC1B,mBAAuB,CAEvB,yBAAgE,CAChE,+BAAuE,CAEvE,0BAA2B,CAC3B,gBACF,CCtBA,mCAAA,MACE,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,cAAe,CAEf,yBAA0B,CAC1B,sBAAuB,CAEvB,qCAAsC,CACtC,+BAAyE,CAEzE,0BAA2B,CAC3B,gBACF,CCmCA,CCzDA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,4BAA6B,CAE7B,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAEA,WACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CClEA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BACE,sBAAuB,CACvB,sCAAuC,CAEvC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAEE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CACE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CC5EA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,SACE,gCAAiC,CACjC,iBAAkB,CAClB,WAAY,CACZ,iBACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CCXA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MACE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,gCAAiC,CACjC,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"light.min.css","sourcesContent":[":root {\n --background: #ffffff;\n --background-alt: #efefef;\n\n --selection: #9e9e9e;\n\n --text-main: #363636;\n --text-bright: #000000;\n\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n --form-placeholder: #949494;\n --form-text: #000000;\n}\n",":root {\n --background: #202b38;\n --background-alt: #161f27;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: var(--button-hover);\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n","/**\n * Light-themed version:\n * uses light theme by default but switches to dark theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-light.css';\n@import '../variables-dark.css' (prefers-color-scheme: dark);\n\n\n@import '../parts/_core.css';","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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file diff --git a/dist/light.standalone.css b/dist/light.standalone.css index ae474f3..bdcc0d7 100755 --- a/dist/light.standalone.css +++ b/dist/light.standalone.css @@ -1,32 +1,45 @@ -@charset "UTF-8"; /** * Standalone light-themed version. * Includes light variables and core, compiled at build time so the final output * will only include regular CSS, no variables. */ -/* To use this file from Sass, import `_variables/_variables-light` */ 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 { - transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease; + transition: background-color 0.1s linear, + border-color 0.1s linear, + color 0.1s linear, + box-shadow 0.1s linear, + transform 0.1s ease; } input { - transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease; + transition: background-color 0.1s linear, + border-color 0.1s linear, + color 0.1s linear, + box-shadow 0.1s linear, + transform 0.1s ease; } 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; + 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 { @@ -130,11 +143,14 @@ select { input { 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; @@ -143,11 +159,14 @@ input { select { 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; @@ -156,11 +175,14 @@ select { button { 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; @@ -169,11 +191,14 @@ 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; @@ -325,12 +350,12 @@ tbody tr:nth-child(even) { } ::-webkit-scrollbar-thumb { - background: #d5d5d5; + background: rgb(213, 213, 213); border-radius: 6px; } ::-webkit-scrollbar-thumb:hover { - background: #c4c4c4; + background: rgb(196, 196, 196); } ::-moz-selection { diff --git a/dist/light.standalone.css.map b/dist/light.standalone.css.map index 97a748a..69fe367 100644 --- a/dist/light.standalone.css.map +++ b/dist/light.standalone.css.map @@ -1 +1 @@ -{"version":3,"sources":["builds/light.standalone.css","builds/light.standalone.scss","_variables/_variables-light.scss","parts/_base.scss","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"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","file":"light.standalone.css","sourcesContent":["@charset \"UTF-8\";\n/**\n * Standalone light-themed version.\n * Includes light variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n/* To use this file from Sass, import `_variables/_variables-light` */\n:root {\n --background: #ffffff;\n --background-alt: #efefef;\n --selection: #9e9e9e;\n --text-main: #363636;\n --text-bright: #000000;\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n --scrollbar-thumb: #d5d5d5;\n --scrollbar-thumb-hover: #c4c4c4;\n --form-placeholder: #949494;\n --form-text: #000000;\n}\n\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: var(--text-main);\n background: var(--background);\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) 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: var(--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 var(--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}\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: var(--form-text);\n background-color: var(--background-alt);\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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}\n\na {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: var(--background-alt);\n color: var(--code);\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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n","/**\n * Standalone light-themed version.\n * Includes light variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n\n@import '../_variables/variables-light';\n@import '../parts/core';\n","/* To use this file from Sass, import `_variables/_variables-light` */\n\n:root {\n--background: #ffffff;\n--background-alt: #efefef;\n\n--selection: #9e9e9e;\n\n--text-main: #363636;\n--text-bright: #000000;\n\n--links: #0076d1;\n--focus: #0096bfab;\n--border: #dbdbdb;\n--code: #000000;\n\n--animation-duration: 0.1s;\n--button-hover: #dddddd;\n\n--scrollbar-thumb: #{darken( #dddddd, 3% )};\n--scrollbar-thumb-hover: #{darken( #dddddd, 10% )};\n\n--form-placeholder: #949494;\n--form-text: #000000;\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file +{"version":3,"sources":["light.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"light.standalone.css","sourcesContent":["/**\n * Standalone light-themed version.\n * Includes light variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n\n@import '../variables-light.css';\n@import '../parts/_core.css';\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file diff --git a/dist/light.standalone.min.css b/dist/light.standalone.min.css index 25c6e92..092952f 100755 --- a/dist/light.standalone.min.css +++ b/dist/light.standalone.min.css @@ -1,2 +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%;height:auto}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}::-moz-selection{background-color:#9e9e9e}::selection{background-color:#9e9e9e} +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%;height:auto}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}::-moz-selection{background-color:#9e9e9e}::selection{background-color:#9e9e9e} /*# sourceMappingURL=light.standalone.min.css.map */ diff --git a/dist/light.standalone.min.css.map b/dist/light.standalone.min.css.map index 5ce7eab..446b27e 100644 --- a/dist/light.standalone.min.css.map +++ b/dist/light.standalone.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["parts/_typography.scss","builds/light.standalone.css","parts/_base.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAwDA,gBC0CA,CClGA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aAAuB,CACvB,eAA6B,CAE7B,iCDuBF,CCpBA,sBACE,wHDuBF,CDtCA,GACE,eAAgB,CAChB,YCyCF,CDtCA,kBAME,kBCyCF,CDtCA,yBAOE,UCyCF,CDtCA,8BASE,eCyCF,CDtCA,WACE,yCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBCyCF,CDtCA,kBACE,eAAgB,CAChB,iBCyCF,CDlCA,wBACE,iBCyCF,CDtCA,uBACE,aCyCF,CDtCA,oBACE,aCyCF,CDtCA,oBACE,aCyCF,CE1GA,kEAIE,cF6GF,CE1GA,oDAEE,aF6GF,CE1GA,6BACE,UAAuB,CACvB,wBAAuC,CAEvC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YF0GF,CEvGA,oEAEE,uBF0GF,CEvGA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eF0GF,CEvGA,6CACE,kBAAmB,CACnB,iBF0GF,CEvGA,+DAGE,eF0GF,CEvGA,qDAIE,wCF0GF,CEvGA,uHAKE,yBF0GF,CEvGA,iEAIE,kBAAmB,CACnB,UF0GF,CEvGA,4BACE,aF0GF,CE3GA,uBACE,aF0GF,CE3GA,wBACE,aF0GF,CE3GA,cACE,aF0GF,CGrLA,EACE,oBAAqB,CACrB,aHwLF,CGrLA,QACE,yBHwLF,CI9LA,SACE,kBAAiC,CACjC,UAAkB,CAClB,WAAY,CACZ,iBJiMF,CI9LA,SACE,YAAa,CACb,aAAc,CACd,eJiMF,CK3MA,IACE,cAAe,CACf,WL8MF,CK3MA,GAEE,WAAmC,CAAnC,4BL8MF,CK3MA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UL8MF,CK3MA,MACE,WAAY,CACZ,eL8MF,CK3MA,GACE,+BL8MF,CK3MA,uBACE,wBL8MF,CK3MA,oBACE,WAAY,CACZ,UL8MF,CK3MA,0BACE,kBAAiC,CACjC,iBL8MF,CK3MA,0BACE,kBAAkC,CAClC,iBL8MF,CK3MA,gCACE,kBL8MF,CK3MA,iBACE,wBL8MF,CK/MA,YACE,wBL8MF","file":"light.standalone.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: var(--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 var(--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\";\n/**\n * Standalone light-themed version.\n * Includes light variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n/* To use this file from Sass, import `_variables/_variables-light` */\n:root {\n --background: #ffffff;\n --background-alt: #efefef;\n --selection: #9e9e9e;\n --text-main: #363636;\n --text-bright: #000000;\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n --scrollbar-thumb: #d5d5d5;\n --scrollbar-thumb-hover: #c4c4c4;\n --form-placeholder: #949494;\n --form-text: #000000;\n}\n\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: var(--text-main);\n background: var(--background);\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) 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: var(--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 var(--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}\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: var(--form-text);\n background-color: var(--background-alt);\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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}\n\na {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: var(--background-alt);\n color: var(--code);\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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file +{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aAAuB,CACvB,eAA6B,CAE7B,iCACF,CAEA,sBACE,wHAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,UACF,CAEA,8BASE,eACF,CAEA,WACE,yCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CClEA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BACE,UAAuB,CACvB,wBAAuC,CAEvC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAEE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CACE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,eACF,CAEA,qDAIE,wCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CC5EA,EACE,oBAAqB,CACrB,aACF,CAEA,QACE,yBACF,CCPA,SACE,kBAAiC,CACjC,UAAkB,CAClB,WAAY,CACZ,iBACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CCXA,IACE,cAAe,CACf,WACF,CAEA,GAEE,WAAmC,CAAnC,4BACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MACE,WAAY,CACZ,eACF,CAEA,GACE,+BACF,CAEA,uBACE,wBACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,kBAAiC,CACjC,iBACF,CAEA,0BACE,kBAAkC,CAClC,iBACF,CAEA,gCACE,kBACF,CAEA,iBACE,wBACF,CAFA,YACE,wBACF","file":"light.standalone.min.css","sourcesContent":["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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file From 7378a36250222b329decd6921e10a1cafeb4e08d Mon Sep 17 00:00:00 2001 From: kimulaco Date: Wed, 8 May 2019 00:53:25 +0900 Subject: [PATCH 25/44] Fix inline code padding --- dist/dark.css | 2 +- dist/dark.css.map | 2 +- dist/dark.min.css | 2 +- dist/dark.min.css.map | 2 +- dist/light.css | 2 +- dist/light.css.map | 2 +- dist/light.min.css | 2 +- dist/light.min.css.map | 2 +- src/parts/_code.scss | 2 +- 9 files changed, 9 insertions(+), 9 deletions(-) diff --git a/dist/dark.css b/dist/dark.css index a13ecb7..0993d53 100644 --- a/dist/dark.css +++ b/dist/dark.css @@ -181,7 +181,7 @@ a:hover { code, kbd { background: #161f27; color: #ffbe85; - padding: 5px; + padding: 2.5px 5px; border-radius: 6px; } diff --git a/dist/dark.css.map b/dist/dark.css.map index 54925b1..2a7d8ee 100644 --- a/dist/dark.css.map +++ b/dist/dark.css.map @@ -1 +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,cCHiB;EDIjB,mBCTkB;EDWlB,kCAAkC;ADDpC;;ACIA;EACE,kIAI8C;ADLhD;;AGdA;EACE,gBAAgB;EAChB,aAAa;AHiBf;;AGdA;;;;;;EAME,mBAAmB;AHiBrB;;AGdA;;;;;;;EAOE,cDfmB;AFgCrB;;AGdA;;;;;;;;;EASE,gBAAgB;AHiBlB;;AGdA;EACE,gCD5Be;EC6Bf,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,cFOiB;EENjB,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,mBFnCoB;AFqHtB;;AI/EA;;;;EAIE,+BF9Ce;AFgIjB;;AI/EA;;;;;EAKE,0BAA0B;AJkF5B;;AI/EA;;;;EAIE,mBAAmB;EACnB,WAAW;AJkFb;;AI/EA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AK7JA;EACE,qBAAqB;EACrB,cHMa;AF0Jf;;AK7JA;EACE,0BAA0B;ALgK5B;;AMtKA;EACE,mBJAsB;EICtB,cJSY;EIRZ,YAAY;EACZ,kBAAkB;ANyKpB;;AMtKA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;ANyKlB;;AOnLA;EACE,eAAe;EACf,YAAY;APsLd;;AOnLA;EACE,YAAY;EACZ,6BLGc;AFmLhB;;AOnLA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;APsLb;;AOnLA;EACE,YAAY;EACZ,gBAAgB;APsLlB;;AOnLA;EACE,gCLZc;AFkMhB;;AOnLA;EACE,yBLzBsB;AF+MxB;;AOnLA;EACE,YAAY;EACZ,WAAW;APsLb;;AOnLA;EACE,mBLlCsB;EKmCtB,kBAAkB;APsLpB;;AOnLA;EACE,mBL3BoB;EK4BpB,kBAAkB;APsLpB;;AOnLA;EACE,mBL5BgD;AFkNlD;;AOnLA;EACE,yBL9CiB;AFoOnB;;AOvLA;EACE,yBL9CiB;AFoOnB","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 height: auto;\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\n::selection {\n background-color: #161f27;\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$selection: #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 height: auto;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file +{"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,cCHiB;EDIjB,mBCTkB;EDWlB,kCAAkC;ADDpC;;ACIA;EACE,kIAI8C;ADLhD;;AGdA;EACE,gBAAgB;EAChB,aAAa;AHiBf;;AGdA;;;;;;EAME,mBAAmB;AHiBrB;;AGdA;;;;;;;EAOE,cDfmB;AFgCrB;;AGdA;;;;;;;;;EASE,gBAAgB;AHiBlB;;AGdA;EACE,gCD5Be;EC6Bf,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,cFOiB;EENjB,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,mBFnCoB;AFqHtB;;AI/EA;;;;EAIE,+BF9Ce;AFgIjB;;AI/EA;;;;;EAKE,0BAA0B;AJkF5B;;AI/EA;;;;EAIE,mBAAmB;EACnB,WAAW;AJkFb;;AI/EA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AK7JA;EACE,qBAAqB;EACrB,cHMa;AF0Jf;;AK7JA;EACE,0BAA0B;ALgK5B;;AMtKA;EACE,mBJAsB;EICtB,cJSY;EIRZ,kBAAkB;EAClB,kBAAkB;ANyKpB;;AMtKA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;ANyKlB;;AOnLA;EACE,eAAe;EACf,YAAY;APsLd;;AOnLA;EACE,YAAY;EACZ,6BLGc;AFmLhB;;AOnLA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;APsLb;;AOnLA;EACE,YAAY;EACZ,gBAAgB;APsLlB;;AOnLA;EACE,gCLZc;AFkMhB;;AOnLA;EACE,yBLzBsB;AF+MxB;;AOnLA;EACE,YAAY;EACZ,WAAW;APsLb;;AOnLA;EACE,mBLlCsB;EKmCtB,kBAAkB;APsLpB;;AOnLA;EACE,mBL3BoB;EK4BpB,kBAAkB;APsLpB;;AOnLA;EACE,mBL5BgD;AFkNlD;;AOnLA;EACE,yBL9CiB;AFoOnB;;AOvLA;EACE,yBL9CiB;AFoOnB","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: 2.5px 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 height: auto;\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\n::selection {\n background-color: #161f27;\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$selection: #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: 2.5px 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 height: auto;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file diff --git a/dist/dark.min.css b/dist/dark.min.css index e139b05..ee55009 100644 --- a/dist/dark.min.css +++ b/dist/dark.min.css @@ -1,2 +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%;height:auto}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}::-moz-selection{background-color:#161f27}::selection{background-color:#161f27} +@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:2.5px 5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}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}::-moz-selection{background-color:#161f27}::selection{background-color:#161f27} /*# sourceMappingURL=dark.min.css.map */ diff --git a/dist/dark.min.css.map b/dist/dark.min.css.map index acdd384..05ae3af 100644 --- a/dist/dark.min.css.map +++ b/dist/dark.min.css.map @@ -1 +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,aCHiB,CDIjB,kBCTkB,CDWlB,iCDDF,CCIA,sBACE,wHDDF,CDdA,GACE,eAAgB,CAChB,YCiBF,CDdA,kBAME,kBCiBF,CDdA,yBAOE,UCiBF,CDdA,8BASE,eCiBF,CDdA,WACE,yCG5Be,CH6Bf,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,UDOiB,CCNjB,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,aHSY,CGRZ,WAAY,CACZ,iBLyKF,CKtKA,SACE,YAAa,CACb,aAAc,CACd,eLyKF,CMnLA,IACE,cAAe,CACf,WNsLF,CMnLA,GAEE,WJGc,CIHd,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,kBJlCsB,CImCtB,iBAXF,CAcA,0BACE,kBJ3BoB,CI4BpB,iBNsLF,CMnLA,gCACE,kBAXF,CAcA,iBACE,wBNsLF,CMvLA,YACE,wBNsLF","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 height: auto;\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\n::selection {\n background-color: #161f27;\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$selection: #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 height: auto;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file +{"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,aCHiB,CDIjB,kBCTkB,CDWlB,iCDDF,CCIA,sBACE,wHDDF,CDdA,GACE,eAAgB,CAChB,YCiBF,CDdA,kBAME,kBCiBF,CDdA,yBAOE,UCiBF,CDdA,8BASE,eCiBF,CDdA,WACE,yCG5Be,CH6Bf,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,UDOiB,CCNjB,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,aHSY,CGRZ,iBAAkB,CAClB,iBLyKF,CKtKA,SACE,YAAa,CACb,aAAc,CACd,eLyKF,CMnLA,IACE,cAAe,CACf,WNsLF,CMnLA,GAEE,WJGc,CIHd,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,kBJlCsB,CImCtB,iBAXF,CAcA,0BACE,kBJ3BoB,CI4BpB,iBNsLF,CMnLA,gCACE,kBAXF,CAcA,iBACE,wBNsLF,CMvLA,YACE,wBNsLF","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: 2.5px 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 height: auto;\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\n::selection {\n background-color: #161f27;\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$selection: #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: 2.5px 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 height: auto;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file diff --git a/dist/light.css b/dist/light.css index 921caf8..608c8eb 100644 --- a/dist/light.css +++ b/dist/light.css @@ -181,7 +181,7 @@ a:hover { code, kbd { background: #efefef; color: #000000; - padding: 5px; + padding: 2.5px 5px; border-radius: 6px; } diff --git a/dist/light.css.map b/dist/light.css.map index 3fce7d2..245fcc4 100644 --- a/dist/light.css.map +++ b/dist/light.css.map @@ -1 +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,cCHiB;EDIjB,mBCTkB;EDWlB,kCAAkC;ADDpC;;ACIA;EACE,kIAI8C;ADLhD;;AGdA;EACE,gBAAgB;EAChB,aAAa;AHiBf;;AGdA;;;;;;EAME,mBAAmB;AHiBrB;;AGdA;;;;;;;EAOE,cDfmB;AFgCrB;;AGdA;;;;;;;;;EASE,gBAAgB;AHiBlB;;AGdA;EACE,gCD5Be;EC6Bf,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,cFOiB;EENjB,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,mBFnCoB;AFqHtB;;AI/EA;;;;EAIE,+BF9Ce;AFgIjB;;AI/EA;;;;;EAKE,0BAA0B;AJkF5B;;AI/EA;;;;EAIE,mBAAmB;EACnB,WAAW;AJkFb;;AI/EA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AK7JA;EACE,qBAAqB;EACrB,cHMa;AF0Jf;;AK7JA;EACE,0BAA0B;ALgK5B;;AMtKA;EACE,mBJAsB;EICtB,cJSY;EIRZ,YAAY;EACZ,kBAAkB;ANyKpB;;AMtKA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;ANyKlB;;AOnLA;EACE,eAAe;EACf,YAAY;APsLd;;AOnLA;EACE,YAAY;EACZ,6BLGc;AFmLhB;;AOnLA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;APsLb;;AOnLA;EACE,YAAY;EACZ,gBAAgB;APsLlB;;AOnLA;EACE,gCLZc;AFkMhB;;AOnLA;EACE,yBLzBsB;AF+MxB;;AOnLA;EACE,YAAY;EACZ,WAAW;APsLb;;AOnLA;EACE,mBLlCsB;EKmCtB,kBAAkB;APsLpB;;AOnLA;EACE,mBLxByC;EKyBzC,kBAAkB;APsLpB;;AOnLA;EACE,mBL5BgD;AFkNlD;;AOnLA;EACE,yBL9CiB;AFoOnB;;AOvLA;EACE,yBL9CiB;AFoOnB","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 height: auto;\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\n::selection {\n background-color: #9e9e9e;\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$selection: #9e9e9e !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 height: auto;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file +{"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,cCHiB;EDIjB,mBCTkB;EDWlB,kCAAkC;ADDpC;;ACIA;EACE,kIAI8C;ADLhD;;AGdA;EACE,gBAAgB;EAChB,aAAa;AHiBf;;AGdA;;;;;;EAME,mBAAmB;AHiBrB;;AGdA;;;;;;;EAOE,cDfmB;AFgCrB;;AGdA;;;;;;;;;EASE,gBAAgB;AHiBlB;;AGdA;EACE,gCD5Be;EC6Bf,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,cFOiB;EENjB,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,mBFnCoB;AFqHtB;;AI/EA;;;;EAIE,+BF9Ce;AFgIjB;;AI/EA;;;;;EAKE,0BAA0B;AJkF5B;;AI/EA;;;;EAIE,mBAAmB;EACnB,WAAW;AJkFb;;AI/EA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AK7JA;EACE,qBAAqB;EACrB,cHMa;AF0Jf;;AK7JA;EACE,0BAA0B;ALgK5B;;AMtKA;EACE,mBJAsB;EICtB,cJSY;EIRZ,kBAAkB;EAClB,kBAAkB;ANyKpB;;AMtKA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;ANyKlB;;AOnLA;EACE,eAAe;EACf,YAAY;APsLd;;AOnLA;EACE,YAAY;EACZ,6BLGc;AFmLhB;;AOnLA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;APsLb;;AOnLA;EACE,YAAY;EACZ,gBAAgB;APsLlB;;AOnLA;EACE,gCLZc;AFkMhB;;AOnLA;EACE,yBLzBsB;AF+MxB;;AOnLA;EACE,YAAY;EACZ,WAAW;APsLb;;AOnLA;EACE,mBLlCsB;EKmCtB,kBAAkB;APsLpB;;AOnLA;EACE,mBLxByC;EKyBzC,kBAAkB;APsLpB;;AOnLA;EACE,mBL5BgD;AFkNlD;;AOnLA;EACE,yBL9CiB;AFoOnB;;AOvLA;EACE,yBL9CiB;AFoOnB","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: 2.5px 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 height: auto;\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\n::selection {\n background-color: #9e9e9e;\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$selection: #9e9e9e !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: 2.5px 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 height: auto;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file diff --git a/dist/light.min.css b/dist/light.min.css index 6c8d56e..42c001b 100644 --- a/dist/light.min.css +++ b/dist/light.min.css @@ -1,2 +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%;height:auto}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}::-moz-selection{background-color:#9e9e9e}::selection{background-color:#9e9e9e} +@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:2.5px 5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}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}::-moz-selection{background-color:#9e9e9e}::selection{background-color:#9e9e9e} /*# sourceMappingURL=light.min.css.map */ diff --git a/dist/light.min.css.map b/dist/light.min.css.map index 7d63e6f..3b47cb0 100644 --- a/dist/light.min.css.map +++ b/dist/light.min.css.map @@ -1 +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,aCHiB,CDIjB,eCTkB,CDWlB,iCDDF,CCIA,sBACE,wHDDF,CDdA,GACE,eAAgB,CAChB,YCiBF,CDdA,kBAME,kBCiBF,CDdA,yBAOE,UCiBF,CDdA,8BASE,eCiBF,CDdA,WACE,yCG5Be,CH6Bf,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,UDOiB,CCNjB,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,UHSY,CGRZ,WAAY,CACZ,iBLyKF,CKtKA,SACE,YAAa,CACb,aAAc,CACd,eLyKF,CMnLA,IACE,cAAe,CACf,WNsLF,CMnLA,GAEE,WJGc,CIHd,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,kBJlCsB,CImCtB,iBAXF,CAcA,0BACE,kBJxByC,CIyBzC,iBNsLF,CMnLA,gCACE,kBAXF,CAcA,iBACE,wBNsLF,CMvLA,YACE,wBNsLF","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 height: auto;\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\n::selection {\n background-color: #9e9e9e;\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$selection: #9e9e9e !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 height: auto;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file +{"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,aCHiB,CDIjB,eCTkB,CDWlB,iCDDF,CCIA,sBACE,wHDDF,CDdA,GACE,eAAgB,CAChB,YCiBF,CDdA,kBAME,kBCiBF,CDdA,yBAOE,UCiBF,CDdA,8BASE,eCiBF,CDdA,WACE,yCG5Be,CH6Bf,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,UDOiB,CCNjB,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,UHSY,CGRZ,iBAAkB,CAClB,iBLyKF,CKtKA,SACE,YAAa,CACb,aAAc,CACd,eLyKF,CMnLA,IACE,cAAe,CACf,WNsLF,CMnLA,GAEE,WJGc,CIHd,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,kBJlCsB,CImCtB,iBAXF,CAcA,0BACE,kBJxByC,CIyBzC,iBNsLF,CMnLA,gCACE,kBAXF,CAcA,iBACE,wBNsLF,CMvLA,YACE,wBNsLF","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: 2.5px 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 height: auto;\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\n::selection {\n background-color: #9e9e9e;\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$selection: #9e9e9e !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: 2.5px 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 height: auto;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file diff --git a/src/parts/_code.scss b/src/parts/_code.scss index 06e41c8..3660979 100644 --- a/src/parts/_code.scss +++ b/src/parts/_code.scss @@ -1,7 +1,7 @@ code, kbd { background: $background-alt; color: $code; - padding: 5px; + padding: 2.5px 5px; border-radius: 6px; } From 39ab1744b6fe0e9b75a539be8625997a87c862ff Mon Sep 17 00:00:00 2001 From: kimulaco Date: Wed, 8 May 2019 20:46:38 +0900 Subject: [PATCH 26/44] Change color variables --- dist/dark.css | 2 +- dist/dark.css.map | 2 +- dist/dark.min.css | 2 +- dist/dark.min.css.map | 2 +- dist/light.css | 2 +- dist/light.css.map | 2 +- dist/light.min.css | 2 +- dist/light.min.css.map | 2 +- src/dark.scss | 5 +++-- src/light.scss | 5 +++-- src/parts/_base.scss | 2 +- src/parts/_code.scss | 2 +- src/parts/_forms.scss | 2 +- src/parts/_misc.scss | 2 +- 14 files changed, 18 insertions(+), 16 deletions(-) diff --git a/dist/dark.css b/dist/dark.css index 0993d53..3be9927 100644 --- a/dist/dark.css +++ b/dist/dark.css @@ -217,7 +217,7 @@ th { } tbody tr:nth-child(even) { - background-color: #161f27; + background-color: #1a242f; } ::-webkit-scrollbar { diff --git a/dist/dark.css.map b/dist/dark.css.map index 2a7d8ee..4bf8227 100644 --- a/dist/dark.css.map +++ b/dist/dark.css.map @@ -1 +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,cCHiB;EDIjB,mBCTkB;EDWlB,kCAAkC;ADDpC;;ACIA;EACE,kIAI8C;ADLhD;;AGdA;EACE,gBAAgB;EAChB,aAAa;AHiBf;;AGdA;;;;;;EAME,mBAAmB;AHiBrB;;AGdA;;;;;;;EAOE,cDfmB;AFgCrB;;AGdA;;;;;;;;;EASE,gBAAgB;AHiBlB;;AGdA;EACE,gCD5Be;EC6Bf,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,cFOiB;EENjB,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,mBFnCoB;AFqHtB;;AI/EA;;;;EAIE,+BF9Ce;AFgIjB;;AI/EA;;;;;EAKE,0BAA0B;AJkF5B;;AI/EA;;;;EAIE,mBAAmB;EACnB,WAAW;AJkFb;;AI/EA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AK7JA;EACE,qBAAqB;EACrB,cHMa;AF0Jf;;AK7JA;EACE,0BAA0B;ALgK5B;;AMtKA;EACE,mBJAsB;EICtB,cJSY;EIRZ,kBAAkB;EAClB,kBAAkB;ANyKpB;;AMtKA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;ANyKlB;;AOnLA;EACE,eAAe;EACf,YAAY;APsLd;;AOnLA;EACE,YAAY;EACZ,6BLGc;AFmLhB;;AOnLA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;APsLb;;AOnLA;EACE,YAAY;EACZ,gBAAgB;APsLlB;;AOnLA;EACE,gCLZc;AFkMhB;;AOnLA;EACE,yBLzBsB;AF+MxB;;AOnLA;EACE,YAAY;EACZ,WAAW;APsLb;;AOnLA;EACE,mBLlCsB;EKmCtB,kBAAkB;APsLpB;;AOnLA;EACE,mBL3BoB;EK4BpB,kBAAkB;APsLpB;;AOnLA;EACE,mBL5BgD;AFkNlD;;AOnLA;EACE,yBL9CiB;AFoOnB;;AOvLA;EACE,yBL9CiB;AFoOnB","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: 2.5px 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 height: auto;\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\n::selection {\n background-color: #161f27;\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$selection: #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: 2.5px 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 height: auto;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file +{"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,cCFiB;EDGjB,mBCTuB;EDWvB,kCAAkC;ADDpC;;ACIA;EACE,kIAI8C;ADLhD;;AGdA;EACE,gBAAgB;EAChB,aAAa;AHiBf;;AGdA;;;;;;EAME,mBAAmB;AHiBrB;;AGdA;;;;;;;EAOE,cDdmB;AF+BrB;;AGdA;;;;;;;;;EASE,gBAAgB;AHiBlB;;AGdA;EACE,gCD3Be;EC4Bf,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,cFQiB;EEPjB,yBFbkB;EEelB,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,mBFlCoB;AFoHtB;;AI/EA;;;;EAIE,+BF7Ce;AF+HjB;;AI/EA;;;;;EAKE,0BAA0B;AJkF5B;;AI/EA;;;;EAIE,mBAAmB;EACnB,WAAW;AJkFb;;AI/EA;EACE,cFvDwB;AFyI1B;;AInFA;EACE,cFvDwB;AFyI1B;;AInFA;EACE,cFvDwB;AFyI1B;;AInFA;EACE,cFvDwB;AFyI1B;;AK7JA;EACE,qBAAqB;EACrB,cHOa;AFyJf;;AK7JA;EACE,0BAA0B;ALgK5B;;AMtKA;EACE,mBJAkB;EIClB,cJUY;EITZ,kBAAkB;EAClB,kBAAkB;ANyKpB;;AMtKA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;ANyKlB;;AOnLA;EACE,eAAe;EACf,YAAY;APsLd;;AOnLA;EACE,YAAY;EACZ,6BLIc;AFkLhB;;AOnLA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;APsLb;;AOnLA;EACE,YAAY;EACZ,gBAAgB;APsLlB;;AOnLA;EACE,gCLXc;AFiMhB;;AOnLA;EACE,yBLxBsB;AF8MxB;;AOnLA;EACE,YAAY;EACZ,WAAW;APsLb;;AOnLA;EACE,mBLlCkB;EKmClB,kBAAkB;APsLpB;;AOnLA;EACE,mBL1BoB;EK2BpB,kBAAkB;APsLpB;;AOnLA;EACE,mBL3BgD;AFiNlD;;AOnLA;EACE,yBL7CiB;AFmOnB;;AOvLA;EACE,yBL7CiB;AFmOnB","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: 2.5px 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 height: auto;\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: #1a242f;\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\n::selection {\n background-color: #161f27;\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-body;\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-body: #202b38 !default;\n$background: #161f27 !default;\n$background-alt: #1a242f !default;\n\n$selection: #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;\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;\n color: $code;\n padding: 2.5px 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 height: auto;\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;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file diff --git a/dist/dark.min.css b/dist/dark.min.css index ee55009..5c51002 100644 --- a/dist/dark.min.css +++ b/dist/dark.min.css @@ -1,2 +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:2.5px 5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}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}::-moz-selection{background-color:#161f27}::selection{background-color:#161f27} +@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:2.5px 5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}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:#1a242f}::-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}::-moz-selection{background-color:#161f27}::selection{background-color:#161f27} /*# sourceMappingURL=dark.min.css.map */ diff --git a/dist/dark.min.css.map b/dist/dark.min.css.map index 05ae3af..84ff676 100644 --- a/dist/dark.min.css.map +++ b/dist/dark.min.css.map @@ -1 +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,aCHiB,CDIjB,kBCTkB,CDWlB,iCDDF,CCIA,sBACE,wHDDF,CDdA,GACE,eAAgB,CAChB,YCiBF,CDdA,kBAME,kBCiBF,CDdA,yBAOE,UCiBF,CDdA,8BASE,eCiBF,CDdA,WACE,yCG5Be,CH6Bf,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,UDOiB,CCNjB,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,aHSY,CGRZ,iBAAkB,CAClB,iBLyKF,CKtKA,SACE,YAAa,CACb,aAAc,CACd,eLyKF,CMnLA,IACE,cAAe,CACf,WNsLF,CMnLA,GAEE,WJGc,CIHd,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,kBJlCsB,CImCtB,iBAXF,CAcA,0BACE,kBJ3BoB,CI4BpB,iBNsLF,CMnLA,gCACE,kBAXF,CAcA,iBACE,wBNsLF,CMvLA,YACE,wBNsLF","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: 2.5px 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 height: auto;\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\n::selection {\n background-color: #161f27;\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$selection: #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: 2.5px 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 height: auto;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file +{"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,aCFiB,CDGjB,kBCTuB,CDWvB,iCDDF,CCIA,sBACE,wHDDF,CDdA,GACE,eAAgB,CAChB,YCiBF,CDdA,kBAME,kBCiBF,CDdA,yBAOE,UCiBF,CDdA,8BASE,eCiBF,CDdA,WACE,yCG3Be,CH4Bf,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,UDQiB,CCPjB,wBDbkB,CCelB,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,kBHAkB,CGClB,aHUY,CGTZ,iBAAkB,CAClB,iBLyKF,CKtKA,SACE,YAAa,CACb,aAAc,CACd,eLyKF,CMnLA,IACE,cAAe,CACf,WNsLF,CMnLA,GAEE,WJIc,CIJd,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,kBJlCkB,CImClB,iBAXF,CAcA,0BACE,kBJ1BoB,CI2BpB,iBNsLF,CMnLA,gCACE,kBAXF,CAcA,iBACE,wBNsLF,CMvLA,YACE,wBNsLF","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: 2.5px 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 height: auto;\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: #1a242f;\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\n::selection {\n background-color: #161f27;\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-body;\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-body: #202b38 !default;\n$background: #161f27 !default;\n$background-alt: #1a242f !default;\n\n$selection: #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;\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;\n color: $code;\n padding: 2.5px 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 height: auto;\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;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file diff --git a/dist/light.css b/dist/light.css index 608c8eb..3f696dd 100644 --- a/dist/light.css +++ b/dist/light.css @@ -217,7 +217,7 @@ th { } tbody tr:nth-child(even) { - background-color: #efefef; + background-color: #f7f7f7; } ::-webkit-scrollbar { diff --git a/dist/light.css.map b/dist/light.css.map index 245fcc4..6cde806 100644 --- a/dist/light.css.map +++ b/dist/light.css.map @@ -1 +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,cCHiB;EDIjB,mBCTkB;EDWlB,kCAAkC;ADDpC;;ACIA;EACE,kIAI8C;ADLhD;;AGdA;EACE,gBAAgB;EAChB,aAAa;AHiBf;;AGdA;;;;;;EAME,mBAAmB;AHiBrB;;AGdA;;;;;;;EAOE,cDfmB;AFgCrB;;AGdA;;;;;;;;;EASE,gBAAgB;AHiBlB;;AGdA;EACE,gCD5Be;EC6Bf,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,cFOiB;EENjB,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,mBFnCoB;AFqHtB;;AI/EA;;;;EAIE,+BF9Ce;AFgIjB;;AI/EA;;;;;EAKE,0BAA0B;AJkF5B;;AI/EA;;;;EAIE,mBAAmB;EACnB,WAAW;AJkFb;;AI/EA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AK7JA;EACE,qBAAqB;EACrB,cHMa;AF0Jf;;AK7JA;EACE,0BAA0B;ALgK5B;;AMtKA;EACE,mBJAsB;EICtB,cJSY;EIRZ,kBAAkB;EAClB,kBAAkB;ANyKpB;;AMtKA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;ANyKlB;;AOnLA;EACE,eAAe;EACf,YAAY;APsLd;;AOnLA;EACE,YAAY;EACZ,6BLGc;AFmLhB;;AOnLA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;APsLb;;AOnLA;EACE,YAAY;EACZ,gBAAgB;APsLlB;;AOnLA;EACE,gCLZc;AFkMhB;;AOnLA;EACE,yBLzBsB;AF+MxB;;AOnLA;EACE,YAAY;EACZ,WAAW;APsLb;;AOnLA;EACE,mBLlCsB;EKmCtB,kBAAkB;APsLpB;;AOnLA;EACE,mBLxByC;EKyBzC,kBAAkB;APsLpB;;AOnLA;EACE,mBL5BgD;AFkNlD;;AOnLA;EACE,yBL9CiB;AFoOnB;;AOvLA;EACE,yBL9CiB;AFoOnB","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: 2.5px 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 height: auto;\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\n::selection {\n background-color: #9e9e9e;\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$selection: #9e9e9e !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: 2.5px 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 height: auto;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file +{"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,cCFiB;EDGjB,mBCTuB;EDWvB,kCAAkC;ADDpC;;ACIA;EACE,kIAI8C;ADLhD;;AGdA;EACE,gBAAgB;EAChB,aAAa;AHiBf;;AGdA;;;;;;EAME,mBAAmB;AHiBrB;;AGdA;;;;;;;EAOE,cDdmB;AF+BrB;;AGdA;;;;;;;;;EASE,gBAAgB;AHiBlB;;AGdA;EACE,gCD3Be;EC4Bf,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,cFQiB;EEPjB,yBFbkB;EEelB,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,mBFlCoB;AFoHtB;;AI/EA;;;;EAIE,+BF7Ce;AF+HjB;;AI/EA;;;;;EAKE,0BAA0B;AJkF5B;;AI/EA;;;;EAIE,mBAAmB;EACnB,WAAW;AJkFb;;AI/EA;EACE,cFvDwB;AFyI1B;;AInFA;EACE,cFvDwB;AFyI1B;;AInFA;EACE,cFvDwB;AFyI1B;;AInFA;EACE,cFvDwB;AFyI1B;;AK7JA;EACE,qBAAqB;EACrB,cHOa;AFyJf;;AK7JA;EACE,0BAA0B;ALgK5B;;AMtKA;EACE,mBJAkB;EIClB,cJUY;EITZ,kBAAkB;EAClB,kBAAkB;ANyKpB;;AMtKA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;ANyKlB;;AOnLA;EACE,eAAe;EACf,YAAY;APsLd;;AOnLA;EACE,YAAY;EACZ,6BLIc;AFkLhB;;AOnLA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;APsLb;;AOnLA;EACE,YAAY;EACZ,gBAAgB;APsLlB;;AOnLA;EACE,gCLXc;AFiMhB;;AOnLA;EACE,yBLxBsB;AF8MxB;;AOnLA;EACE,YAAY;EACZ,WAAW;APsLb;;AOnLA;EACE,mBLlCkB;EKmClB,kBAAkB;APsLpB;;AOnLA;EACE,mBLvByC;EKwBzC,kBAAkB;APsLpB;;AOnLA;EACE,mBL3BgD;AFiNlD;;AOnLA;EACE,yBL7CiB;AFmOnB;;AOvLA;EACE,yBL7CiB;AFmOnB","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: 2.5px 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 height: auto;\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: #f7f7f7;\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\n::selection {\n background-color: #9e9e9e;\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-body;\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-body: #ffffff !default;\n$background: #efefef !default;\n$background-alt: #f7f7f7 !default;\n\n$selection: #9e9e9e !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;\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;\n color: $code;\n padding: 2.5px 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 height: auto;\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;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file diff --git a/dist/light.min.css b/dist/light.min.css index 42c001b..b30e511 100644 --- a/dist/light.min.css +++ b/dist/light.min.css @@ -1,2 +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:2.5px 5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}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}::-moz-selection{background-color:#9e9e9e}::selection{background-color:#9e9e9e} +@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:2.5px 5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}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:#f7f7f7}::-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}::-moz-selection{background-color:#9e9e9e}::selection{background-color:#9e9e9e} /*# sourceMappingURL=light.min.css.map */ diff --git a/dist/light.min.css.map b/dist/light.min.css.map index 3b47cb0..50a43dd 100644 --- a/dist/light.min.css.map +++ b/dist/light.min.css.map @@ -1 +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,aCHiB,CDIjB,eCTkB,CDWlB,iCDDF,CCIA,sBACE,wHDDF,CDdA,GACE,eAAgB,CAChB,YCiBF,CDdA,kBAME,kBCiBF,CDdA,yBAOE,UCiBF,CDdA,8BASE,eCiBF,CDdA,WACE,yCG5Be,CH6Bf,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,UDOiB,CCNjB,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,UHSY,CGRZ,iBAAkB,CAClB,iBLyKF,CKtKA,SACE,YAAa,CACb,aAAc,CACd,eLyKF,CMnLA,IACE,cAAe,CACf,WNsLF,CMnLA,GAEE,WJGc,CIHd,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,kBJlCsB,CImCtB,iBAXF,CAcA,0BACE,kBJxByC,CIyBzC,iBNsLF,CMnLA,gCACE,kBAXF,CAcA,iBACE,wBNsLF,CMvLA,YACE,wBNsLF","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: 2.5px 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 height: auto;\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\n::selection {\n background-color: #9e9e9e;\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$selection: #9e9e9e !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: 2.5px 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 height: auto;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file +{"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,aCFiB,CDGjB,eCTuB,CDWvB,iCDDF,CCIA,sBACE,wHDDF,CDdA,GACE,eAAgB,CAChB,YCiBF,CDdA,kBAME,kBCiBF,CDdA,yBAOE,UCiBF,CDdA,8BASE,eCiBF,CDdA,WACE,yCG3Be,CH4Bf,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,UDQiB,CCPjB,wBDbkB,CCelB,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,kBHAkB,CGClB,UHUY,CGTZ,iBAAkB,CAClB,iBLyKF,CKtKA,SACE,YAAa,CACb,aAAc,CACd,eLyKF,CMnLA,IACE,cAAe,CACf,WNsLF,CMnLA,GAEE,WJIc,CIJd,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,kBJlCkB,CImClB,iBAXF,CAcA,0BACE,kBJvByC,CIwBzC,iBNsLF,CMnLA,gCACE,kBAXF,CAcA,iBACE,wBNsLF,CMvLA,YACE,wBNsLF","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: 2.5px 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 height: auto;\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: #f7f7f7;\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\n::selection {\n background-color: #9e9e9e;\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-body;\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-body: #ffffff !default;\n$background: #efefef !default;\n$background-alt: #f7f7f7 !default;\n\n$selection: #9e9e9e !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;\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;\n color: $code;\n padding: 2.5px 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 height: auto;\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;\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}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file diff --git a/src/dark.scss b/src/dark.scss index 1f3bb9e..cb899d2 100644 --- a/src/dark.scss +++ b/src/dark.scss @@ -1,5 +1,6 @@ -$background: #202b38 !default; -$background-alt: #161f27 !default; +$background-body: #202b38 !default; +$background: #161f27 !default; +$background-alt: #1a242f !default; $selection: #161f27 !default; diff --git a/src/light.scss b/src/light.scss index bfccb73..07ae80c 100644 --- a/src/light.scss +++ b/src/light.scss @@ -1,5 +1,6 @@ -$background: #ffffff !default; -$background-alt: #efefef !default; +$background-body: #ffffff !default; +$background: #efefef !default; +$background-alt: #f7f7f7 !default; $selection: #9e9e9e !default; diff --git a/src/parts/_base.scss b/src/parts/_base.scss index 9884923..a64d106 100644 --- a/src/parts/_base.scss +++ b/src/parts/_base.scss @@ -7,7 +7,7 @@ body { padding: 0 10px; color: $text-main; - background: $background; + background: $background-body; text-rendering: optimizeLegibility; } diff --git a/src/parts/_code.scss b/src/parts/_code.scss index 3660979..c2226f2 100644 --- a/src/parts/_code.scss +++ b/src/parts/_code.scss @@ -1,5 +1,5 @@ code, kbd { - background: $background-alt; + background: $background; color: $code; padding: 2.5px 5px; border-radius: 6px; diff --git a/src/parts/_forms.scss b/src/parts/_forms.scss index 7af9d6a..b081d3d 100644 --- a/src/parts/_forms.scss +++ b/src/parts/_forms.scss @@ -12,7 +12,7 @@ select { input, select, button, textarea { color: $form-text; - background-color: $background-alt; + background-color: $background; font-family: inherit; font-size: inherit; diff --git a/src/parts/_misc.scss b/src/parts/_misc.scss index 1443cc2..e851ca0 100644 --- a/src/parts/_misc.scss +++ b/src/parts/_misc.scss @@ -33,7 +33,7 @@ tbody tr:nth-child(even) { } ::-webkit-scrollbar-track { - background: $background-alt; + background: $background; border-radius: 6px; } From 79ad695531b4ac03b048de6ec62dbb6092dab92c Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Mon, 27 May 2019 22:41:36 +0200 Subject: [PATCH 27/44] feat: add build files, add docs/ and .github/ --- .../CODE_OF_CONDUCT.md | 0 .github/CONTRIBUTING.md | 1 + index.html => docs/index.html | 47 +++++++++++----- logo.png => docs/logo.png | Bin logo.svg => docs/logo.svg | 0 screenshot.jpg => docs/screenshot.jpg | Bin script.js => docs/script.js | 0 gulpfile.js | 53 +++++++++--------- index.js | 2 +- src/builds/dark-legacy.standalone.css | 8 +++ src/builds/dark.standalone.css | 4 +- src/builds/light-legacy.standalone.css | 8 +++ src/builds/light.standalone.css | 4 +- 13 files changed, 80 insertions(+), 47 deletions(-) rename CODE_OF_CONDUCT.md => .github/CODE_OF_CONDUCT.md (100%) create mode 100755 .github/CONTRIBUTING.md rename index.html => docs/index.html (74%) rename logo.png => docs/logo.png (100%) rename logo.svg => docs/logo.svg (100%) rename screenshot.jpg => docs/screenshot.jpg (100%) rename script.js => docs/script.js (100%) create mode 100755 src/builds/dark-legacy.standalone.css create mode 100755 src/builds/light-legacy.standalone.css diff --git a/CODE_OF_CONDUCT.md b/.github/CODE_OF_CONDUCT.md similarity index 100% rename from CODE_OF_CONDUCT.md rename to .github/CODE_OF_CONDUCT.md diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md new file mode 100755 index 0000000..7f003bd --- /dev/null +++ b/.github/CONTRIBUTING.md @@ -0,0 +1 @@ +> 💡 TODO: Add contributing guide diff --git a/index.html b/docs/index.html similarity index 74% rename from index.html rename to docs/index.html index 727cb6f..a5e2472 100644 --- a/index.html +++ b/docs/index.html @@ -1,28 +1,36 @@ + Water.css - + +

Water.css

- Water.css is a just-add-css collection of styles to make simple websites like this just a little bit nicer. + Water.css is a just-add-css collection of styles to make simple websites like this just a + little bit nicer. Get it already!

- Now you can write your simple static site with nice semantic html, and Water.css will manage the styling for you. + Now you can write your simple static site with nice semantic html, and Water.css will manage + the styling for you.

- Water.css - Make your tiny website just a little nicer | Product Hunt Embed + Water.css - Make your tiny website just a little nicer | Product Hunt Embed

Goals

    @@ -36,8 +44,10 @@

    Is it responsive?

    - Heck yeah! It doesn't include any fancy styles so it's easily mobile responsive. - Just add the famous responsive viewport tag and you'll be good to go! + Heck yeah! It doesn't include any fancy styles so it's easily mobile + responsive. + Just add the famous responsive + viewport tag and you'll be good to go!

    In fact, try resizing this page. Everything flows super nicely as you'll see. @@ -127,15 +137,23 @@

    Typography

    - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dictum hendrerit velit, quis ullamcorper sem congue ac. Quisque id magna rhoncus, sodales massa vel, vestibulum elit. Duis ornare accumsan egestas. Proin maximus lacus interdum leo molestie convallis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut iaculis risus eu felis feugiat, eu mollis neque elementum. Donec interdum, nisl id dignissim iaculis, felis dui aliquet dui, non fermentum velit lectus ac quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. - This is strong, this is normal, this is just bold, and this is emphasized! And heck, here's a link. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dictum hendrerit velit, quis + ullamcorper sem congue ac. Quisque id magna rhoncus, sodales massa vel, vestibulum elit. Duis + ornare accumsan egestas. Proin maximus lacus interdum leo molestie convallis. Orci varius + natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut iaculis risus eu + felis feugiat, eu mollis neque elementum. Donec interdum, nisl id dignissim iaculis, felis dui + aliquet dui, non fermentum velit lectus ac quam. Class aptent taciti sociosqu ad litora + torquent per conubia nostra, per inceptos himenaeos. + This is strong, this is normal, this is just bold, and this is + emphasized! And heck, here's a link.

    "The HTML blockquote Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see - Notes + Notes for how to change it). A URL for the source of the quotation may be given using the cite attribute, while a text representation of the source can be given using the <cite> cite element." @@ -160,9 +178,9 @@ Addresses are also styled to be awesome!

    - john.doe@example.com
    - 778-330-2389
    - 666-666-6666
    + john.doe@example.com
    + 778-330-2389
    + 666-666-6666

    Heading 1

    @@ -174,4 +192,5 @@ - + + \ No newline at end of file diff --git a/logo.png b/docs/logo.png similarity index 100% rename from logo.png rename to docs/logo.png diff --git a/logo.svg b/docs/logo.svg similarity index 100% rename from logo.svg rename to docs/logo.svg diff --git a/screenshot.jpg b/docs/screenshot.jpg similarity index 100% rename from screenshot.jpg rename to docs/screenshot.jpg diff --git a/script.js b/docs/script.js similarity index 100% rename from script.js rename to docs/script.js diff --git a/gulpfile.js b/gulpfile.js index fc7c619..01f8ad0 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -5,33 +5,36 @@ const cssnano = require('cssnano') const sourcemaps = require('gulp-sourcemaps') const bytediff = require('gulp-bytediff') const browserSync = require('browser-sync').create() -const chalk = require('chalk'); -const rename = require('gulp-rename'); -const filter = require('gulp-filter'); +const chalk = require('chalk') +const rename = require('gulp-rename') +const filter = require('gulp-filter') const flatten = require('gulp-flatten') const sizereport = require('gulp-sizereport') const postcssCssVariables = require('postcss-css-variables') const postcssImport = require('postcss-import') -const postcssColorModFunction = require('postcss-color-mod-function') +const postcssColorModFunction = require('postcss-color-mod-function').bind(null, { + /* Use `.toRGBLegacy()` as other methods can result in lots of decimals */ + stringifier: color => color.toRGBLegacy(), +}) const paths = { srcDir: 'src/*', + docsDir: 'docs/*', styles: { src: 'src/builds/*.css', dest: 'dist' }, - html: { src: 'index.html' }, } // https://stackoverflow.com/a/20732091 function humanFileSize(size) { - var i = Math.floor(Math.log(size) / Math.log(1024)); - return (size / Math.pow(1024, i)).toFixed(2) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i]; -}; + var i = Math.floor(Math.log(size) / Math.log(1024)) + return (size / Math.pow(1024, i)).toFixed(2) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i] +} function formatByteMessage(source, data) { const prettyStartSize = humanFileSize(data.startSize) - let message = ''; + let message = '' if (data.startSize !== data.endSize) { - const change = (data.savings > 0 ? 'saved' : 'gained') + const change = data.savings > 0 ? 'saved' : 'gained' const prettySavings = humanFileSize(Math.abs(data.savings)) let prettyEndSize = humanFileSize(data.endSize) @@ -41,16 +44,14 @@ function formatByteMessage(source, data) { message = chalk`${change} ${prettySavings} (${prettyStartSize} -> {bold ${prettyEndSize}})` } else message = chalk`kept original filesize. ({bold ${prettyStartSize}})` - return chalk`{cyan ${(source.padStart(12, ' '))}}: {bold ${data.fileName}} ${message}` + return chalk`{cyan ${source.padStart(12, ' ')}}: {bold ${data.fileName}} ${message}` } function style() { - const isLegacyOrStandalone = path => /standalone|legacy/.test(path) + const isLegacy = path => /legacy/.test(path) - const excludeModern = filter(file => isLegacyOrStandalone(file.path), { restore: true }) - const excludeLegacy = filter(file => !isLegacyOrStandalone(file.path), { restore: true }) - - const postcssColorMod = postcssColorModFunction({ stringifier: color => color.toRGBLegacy() }) + const excludeModern = filter(file => isLegacy(file.path), { restore: true }) + const excludeLegacy = filter(file => !isLegacy(file.path), { restore: true }) return ( gulp @@ -58,9 +59,9 @@ function style() { // Add sourcemaps .pipe(sourcemaps.init()) // Resolve imports and calculated colors - .pipe(postcss([postcssImport(), postcssColorMod])) + .pipe(postcss([postcssImport(), postcssColorModFunction()])) - // * Process legacy & standalone builds * + // * Process legacy builds * .pipe(excludeModern) // Inline variable values so CSS works in legacy browsers .pipe(postcss([postcssCssVariables()])) @@ -69,7 +70,7 @@ function style() { // autoprefix .pipe(postcss([autoprefixer()])) // Write the amount gained by autoprefixing - .pipe(bytediff.stop((data) => formatByteMessage('autoprefixer', data))) + .pipe(bytediff.stop(data => formatByteMessage('autoprefixer', data))) .pipe(excludeModern.restore) // * Process modern builds * @@ -80,7 +81,7 @@ function style() { // TODO: Use separate browserslist to only apply prefixes needed in *modern* browsers .pipe(postcss([autoprefixer()])) // Write the amount gained by autoprefixing - .pipe(bytediff.stop((data) => formatByteMessage('autoprefixer', data))) + .pipe(bytediff.stop(data => formatByteMessage('autoprefixer', data))) .pipe(excludeLegacy.restore) // Write the sourcemaps after making pre-minified changes @@ -96,7 +97,7 @@ function style() { // Minify using cssnano .pipe(postcss([cssnano()])) // Write the amount saved by minifying - .pipe(bytediff.stop((data) => formatByteMessage('cssnano', data))) + .pipe(bytediff.stop(data => formatByteMessage('cssnano', data))) // Rename the files have the .min suffix .pipe(rename({ suffix: '.min' })) // Write the sourcemaps after making all changes @@ -109,10 +110,6 @@ function style() { ) } -function reload() { - browserSync.reload() -} - function watch() { style() @@ -120,12 +117,12 @@ function watch() { server: { baseDir: './', }, - startPath: 'index.html' + startPath: 'docs/index.html', }) gulp.watch(paths.srcDir, style) - gulp.watch([paths.srcDir, paths.html.src], reload) + gulp.watch([paths.srcDir, paths.docsDir], browserSync.reload) } module.exports.style = style -module.exports.watch = watch \ No newline at end of file +module.exports.watch = watch diff --git a/index.js b/index.js index 111f86b..a9da854 100644 --- a/index.js +++ b/index.js @@ -1,2 +1,2 @@ const gulpfile = require('./gulpfile') -gulpfile.watch() \ No newline at end of file +gulpfile.watch() diff --git a/src/builds/dark-legacy.standalone.css b/src/builds/dark-legacy.standalone.css new file mode 100755 index 0000000..e089e9b --- /dev/null +++ b/src/builds/dark-legacy.standalone.css @@ -0,0 +1,8 @@ +/** + * Standalone dark-themed version for legacy browsers. + * Includes dark variables and core, compiled at build time so the final output + * will only include regular CSS, no variables. + */ + +@import '../variables-dark.css'; +@import '../parts/_core.css'; diff --git a/src/builds/dark.standalone.css b/src/builds/dark.standalone.css index 421e316..7db6fa8 100755 --- a/src/builds/dark.standalone.css +++ b/src/builds/dark.standalone.css @@ -1,7 +1,7 @@ /** * Standalone dark-themed version. - * Includes dark variables and core, compiled at build time so the final output - * will only include regular CSS, no variables. + * Includes dark variables and core, left as CSS variables + * so the theming can be adjusted at runtime. */ @import '../variables-dark.css'; diff --git a/src/builds/light-legacy.standalone.css b/src/builds/light-legacy.standalone.css new file mode 100755 index 0000000..f201c1a --- /dev/null +++ b/src/builds/light-legacy.standalone.css @@ -0,0 +1,8 @@ +/** + * Standalone light-themed version for legacy browsers. + * Includes light variables and core, compiled at build time so the final output + * will only include regular CSS, no variables. + */ + +@import '../variables-light.css'; +@import '../parts/_core.css'; diff --git a/src/builds/light.standalone.css b/src/builds/light.standalone.css index 555084b..cfd3e83 100755 --- a/src/builds/light.standalone.css +++ b/src/builds/light.standalone.css @@ -1,7 +1,7 @@ /** * Standalone light-themed version. - * Includes light variables and core, compiled at build time so the final output - * will only include regular CSS, no variables. + * Includes light variables and core, left as CSS variables + * so the theming can be adjusted at runtime. */ @import '../variables-light.css'; From 143373130d1a4b8c52874ee9350809043369a0bb Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Mon, 27 May 2019 22:58:03 +0200 Subject: [PATCH 28/44] docs: update README to include new builds --- README.md | 50 ++++++++++++++++++++++++++++++++++++-------------- package.json | 2 +- 2 files changed, 37 insertions(+), 15 deletions(-) diff --git a/README.md b/README.md index 927e884..4327b7f 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ [![Water.css](logo.svg)](https://watercss.netlify.com/) -*A just-add-css collection of styles to make simple websites just a little nicer* +_A just-add-css collection of styles to make simple websites just a little nicer_ [![On reddit](https://img.shields.io/badge/on-reddit-orange.svg)](https://www.reddit.com/r/webdev/comments/b9m6mv/watercss_a_collection_of_neat_styles_for_simple/) [![On product hunt](https://img.shields.io/badge/on-product%20hunt-red.svg)](https://www.producthunt.com/posts/water-css) @@ -10,12 +10,12 @@ ## Goals - - Responsive - - Good code quality - - Good browser support (works on my old kindle's browser :P) - - Small size (< 2kb) - - Beautiful - - No classes +- Responsive +- Good code quality +- Good browser support (works on my old kindle's browser :P) +- Small size (< 2kb) +- Beautiful +- No classes ## Why? @@ -31,15 +31,35 @@ You probably don't want to use it for a production app or something that has mor ## How? -Just stick this in your head: +Just stick this in your ``: -```html - -``` +### 🌙 Dark theme: -Well, there's a dark theme and a light theme. If you want the light theme, use `light.min.css` instead of `dark.min.css`. See [Theming](#theming) to make your own theme! +`` -No other classes or code is required to make Water.css work. If you want a specific version, you can replace `@latest` with `@version`. See [all the versions](https://github.com/kognise/water.css/releases). You can also get rid of the `.min.css` and replace it with just `.css` if you want an unminified version. +### ☀ Light theme: + +`` + +
    + +### Other options: + +> ⚡ An interactive version selection is available [here](https://watercss.netlify.com/#select-version) + +#### Enforce a theme and ignore `(prefers-color-scheme)` + +For the main versions, `dark` or `light` is only treated as a _default theme_: if a user has a system-wide preference for either dark or light mode on their device, `water.css` will respect this. If you want to avoid this behavior and enforce dark or light theme, append `.standalone` to the theme prefix, e.g. `dark.standalone.min.css`. + +#### Want to support Internet Explorer? + +Sure, just extend the theme prefix with `-legacy`, e.g. `dark-legacy.min.css`. +Be aware that these versions **do not support** [runtime theming](#theming) as they use hard coded values rather than variables. Additionally, if you use a legacy version that is not standalone, we recommend [you add the respective preload tags to improve load times](#). + +#### Unminified builds + +All versions are also available as unminified stylesheets, which can be handy during development. +Simply remove the `.min` from the file name. **Oh, you want a demo you say?** Cheeky fellah! [Well, here's your demo.](https://watercss.netlify.com/) @@ -51,7 +71,7 @@ Water.css becomes better for everyone when people like you help make it better! Have any questions or concerns? Did I forget an element or selector? Does something look ugly? Feel free to submit an issue or pull request. -If you decide to contribute, after downloading a copy of the repository make sure to run `yarn` to install dependencies useful for development. Then, you can just run the following to start a server of the demo with live reloading and automatic Sass compiling. +If you decide to contribute, after downloading a copy of the repository make sure to run `yarn` to install dependencies useful for development. Then, you can just run the following to start a server of the demo with live reloading on change. ``` $ yarn dev @@ -61,6 +81,8 @@ And make sure to run `yarn build` before pushing any changes! Thanks for taking ## Theming +> ⚠ The theming guide is out of date! + Do you want to make your own theme different from the light or dark themes? Since Water.css is built with Sass this is super easy to do. There are two methods. Also, here's a list of variables to set: - `$background` diff --git a/package.json b/package.json index 113f481..06add2a 100644 --- a/package.json +++ b/package.json @@ -43,4 +43,4 @@ "browserslist": [ "defaults AND not android 4.4.3" ] -} +} \ No newline at end of file From f248fce30fa54ba252e092a160930ba23e1c1c1c Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Mon, 27 May 2019 23:13:39 +0200 Subject: [PATCH 29/44] fix: reapply code padding fix from #7378a36 --- src/parts/_code.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/parts/_code.css b/src/parts/_code.css index 8950437..33cb1db 100644 --- a/src/parts/_code.css +++ b/src/parts/_code.css @@ -1,7 +1,8 @@ -code, kbd { +code, +kbd { background: var(--background-alt); color: var(--code); - padding: 5px; + padding: 2.5px 5px; border-radius: 6px; } @@ -9,4 +10,4 @@ pre > code { padding: 10px; display: block; overflow-x: auto; -} \ No newline at end of file +} From d4a00eb52644f97bff8f034c56bdd2067c72755d Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Mon, 27 May 2019 23:22:49 +0200 Subject: [PATCH 30/44] fix: reapply color changes from #39ab174 --- src/parts/_base.css | 2 +- src/parts/_code.css | 2 +- src/parts/_forms.css | 19 +++++++++++++------ src/parts/_misc.css | 7 ++++--- src/variables-dark.css | 5 +++-- src/variables-light.css | 5 +++-- 6 files changed, 25 insertions(+), 15 deletions(-) diff --git a/src/parts/_base.css b/src/parts/_base.css index 1a9dc0f..ea40f4f 100644 --- a/src/parts/_base.css +++ b/src/parts/_base.css @@ -7,7 +7,7 @@ body { padding: 0 10px; color: var(--text-main); - background: var(--background); + background: var(--background-body); text-rendering: optimizeLegibility; } diff --git a/src/parts/_code.css b/src/parts/_code.css index 33cb1db..920041a 100644 --- a/src/parts/_code.css +++ b/src/parts/_code.css @@ -1,6 +1,6 @@ code, kbd { - background: var(--background-alt); + background: var(--background); color: var(--code); padding: 2.5px 5px; border-radius: 6px; diff --git a/src/parts/_forms.css b/src/parts/_forms.css index 4dacf3a..8d95be2 100644 --- a/src/parts/_forms.css +++ b/src/parts/_forms.css @@ -10,9 +10,12 @@ select { display: block; } -input, select, button, textarea { +input, +select, +button, +textarea { color: var(--form-text); - background-color: var(--background-alt); + background-color: var(--background); font-family: inherit; font-size: inherit; @@ -27,7 +30,9 @@ input, select, button, textarea { } input:not([type='checkbox']):not([type='radio']), -select, button, textarea { +select, +button, +textarea { -webkit-appearance: none; } @@ -38,7 +43,9 @@ textarea { resize: vertical; } -button, input[type='submit'], input[type='button'] { +button, +input[type='submit'], +input[type='button'] { padding-right: 30px; padding-left: 30px; } @@ -69,9 +76,9 @@ select:disabled, button:disabled, textarea:disabled { cursor: not-allowed; - opacity: .5; + opacity: 0.5; } ::placeholder { color: var(--form-placeholder); -} \ No newline at end of file +} diff --git a/src/parts/_misc.css b/src/parts/_misc.css index e97ff0a..72c6698 100644 --- a/src/parts/_misc.css +++ b/src/parts/_misc.css @@ -14,7 +14,8 @@ table { width: 100%; } -td, th { +td, +th { padding: 6px; text-align: left; } @@ -33,7 +34,7 @@ tbody tr:nth-child(even) { } ::-webkit-scrollbar-track { - background: var(--background-alt); + background: var(--background); border-radius: 6px; } @@ -48,4 +49,4 @@ tbody tr:nth-child(even) { ::selection { background-color: var(--selection); -} \ No newline at end of file +} diff --git a/src/variables-dark.css b/src/variables-dark.css index f9dab09..8ee554b 100755 --- a/src/variables-dark.css +++ b/src/variables-dark.css @@ -1,6 +1,7 @@ :root { - --background: #202b38; - --background-alt: #161f27; + --background-body: #202b38; + --background: #161f27; + --background-alt: #1a242f; --selection: #161f27; diff --git a/src/variables-light.css b/src/variables-light.css index 53615be..8bf136d 100755 --- a/src/variables-light.css +++ b/src/variables-light.css @@ -1,6 +1,7 @@ :root { - --background: #ffffff; - --background-alt: #efefef; + --background-body: #ffffff; + --background: #efefef; + --background-alt: #f7f7f7; --selection: #9e9e9e; From ebff445fb021aec4293ff83f97ef2d24690895fe Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Mon, 27 May 2019 23:43:00 +0200 Subject: [PATCH 31/44] chore: recompile dist files --- dist/dark-legacy.standalone.css | 374 +++++++++++++++++++++++ dist/dark-legacy.standalone.css.map | 1 + dist/dark-legacy.standalone.min.css | 2 + dist/dark-legacy.standalone.min.css.map | 1 + dist/dark.css | 41 ++- dist/dark.css.map | 2 +- dist/dark.min.css | 2 +- dist/dark.min.css.map | 2 +- dist/dark.standalone.css | 232 +++++--------- dist/dark.standalone.css.map | 2 +- dist/dark.standalone.min.css | 2 +- dist/dark.standalone.min.css.map | 2 +- dist/light-legacy.standalone.css | 374 +++++++++++++++++++++++ dist/light-legacy.standalone.css.map | 1 + dist/light-legacy.standalone.min.css | 2 + dist/light-legacy.standalone.min.css.map | 1 + dist/light.css | 41 ++- dist/light.css.map | 2 +- dist/light.min.css | 2 +- dist/light.min.css.map | 2 +- dist/light.standalone.css | 232 +++++--------- dist/light.standalone.css.map | 2 +- dist/light.standalone.min.css | 2 +- dist/light.standalone.min.css.map | 2 +- 24 files changed, 982 insertions(+), 344 deletions(-) create mode 100755 dist/dark-legacy.standalone.css create mode 100644 dist/dark-legacy.standalone.css.map create mode 100755 dist/dark-legacy.standalone.min.css create mode 100644 dist/dark-legacy.standalone.min.css.map create mode 100755 dist/light-legacy.standalone.css create mode 100644 dist/light-legacy.standalone.css.map create mode 100755 dist/light-legacy.standalone.min.css create mode 100644 dist/light-legacy.standalone.min.css.map diff --git a/dist/dark-legacy.standalone.css b/dist/dark-legacy.standalone.css new file mode 100755 index 0000000..75301ea --- /dev/null +++ b/dist/dark-legacy.standalone.css @@ -0,0 +1,374 @@ +/** + * Standalone dark-themed version for legacy browsers. + * Includes dark variables and core, compiled at build time so the final output + * will only include regular CSS, no variables. + */ + +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 { + transition: background-color 0.1s linear, + border-color 0.1s linear, + color 0.1s linear, + box-shadow 0.1s linear, + transform 0.1s ease; +} + +input { + transition: background-color 0.1s linear, + border-color 0.1s linear, + color 0.1s linear, + box-shadow 0.1s linear, + transform 0.1s ease; +} + +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 { + color: #ffffff; +} + +h2 { + color: #ffffff; +} + +h3 { + color: #ffffff; +} + +h4 { + color: #ffffff; +} + +h5 { + color: #ffffff; +} + +h6 { + color: #ffffff; +} + +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 { + 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; +} + +select { + 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; +} + +button { + 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; +} + +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 { + background: #324759; +} + +input[type='submit']:hover { + background: #324759; +} + +input[type='button']:hover { + background: #324759; +} + +input:focus { + box-shadow: 0 0 0 2px #0096bfab; +} + +select:focus { + box-shadow: 0 0 0 2px #0096bfab; +} + +button:focus { + box-shadow: 0 0 0 2px #0096bfab; +} + +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: 0.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 { + background: #161f27; + color: #ffbe85; + padding: 2.5px 5px; + border-radius: 6px; +} + +kbd { + background: #161f27; + color: #ffbe85; + padding: 2.5px 5px; + border-radius: 6px; +} + +pre > code { + padding: 10px; + display: block; + overflow-x: auto; +} + +img { + max-width: 100%; + height: auto; +} + +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: #1a242f; +} + +::-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: rgb(65, 92, 115); +} + +::-moz-selection { + background-color: #161f27; +} + +::selection { + background-color: #161f27; +} + +/*# sourceMappingURL=dark-legacy.standalone.css.map */ diff --git a/dist/dark-legacy.standalone.css.map b/dist/dark-legacy.standalone.css.map new file mode 100644 index 0000000..de0604a --- /dev/null +++ b/dist/dark-legacy.standalone.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["dark-legacy.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"dark-legacy.standalone.css","sourcesContent":["/**\n * Standalone dark-themed version for legacy browsers.\n * Includes dark variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n\n@import '../variables-dark.css';\n@import '../parts/_core.css';\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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file diff --git a/dist/dark-legacy.standalone.min.css b/dist/dark-legacy.standalone.min.css new file mode 100755 index 0000000..c58beed --- /dev/null +++ b/dist/dark-legacy.standalone.min.css @@ -0,0 +1,2 @@ +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:2.5px 5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}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:#1a242f}::-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}::-moz-selection{background-color:#161f27}::selection{background-color:#161f27} +/*# sourceMappingURL=dark-legacy.standalone.min.css.map */ diff --git a/dist/dark-legacy.standalone.min.css.map b/dist/dark-legacy.standalone.min.css.map new file mode 100644 index 0000000..44440ac --- /dev/null +++ b/dist/dark-legacy.standalone.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aAAuB,CACvB,kBAAkC,CAElC,iCACF,CAEA,sBACE,wHAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,UACF,CAEA,8BASE,eACF,CAEA,WACE,yCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CClEA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,UAAuB,CACvB,wBAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,kBACF,CAEA,qDAIE,wCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CCnFA,EACE,oBAAqB,CACrB,aACF,CAEA,QACE,yBACF,CCPA,SAEE,kBAA6B,CAC7B,aAAkB,CAClB,iBAAkB,CAClB,iBACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CCZA,IACE,cAAe,CACf,WACF,CAEA,GAEE,WAAmC,CAAnC,4BACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,+BACF,CAEA,uBACE,wBACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,kBAA6B,CAC7B,iBACF,CAEA,0BACE,kBAAkC,CAClC,iBACF,CAEA,gCACE,kBACF,CAEA,iBACE,wBACF,CAFA,YACE,wBACF","file":"dark-legacy.standalone.min.css","sourcesContent":["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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file diff --git a/dist/dark.css b/dist/dark.css index a14e89b..653fba1 100644 --- a/dist/dark.css +++ b/dist/dark.css @@ -8,8 +8,9 @@ */ :root { - --background: #202b38; - --background-alt: #161f27; + --background-body: #202b38; + --background: #161f27; + --background-alt: #1a242f; --selection: #161f27; @@ -33,8 +34,9 @@ @media (prefers-color-scheme: light) { :root { - --background: #ffffff; - --background-alt: #efefef; + --background-body: #ffffff; + --background: #efefef; + --background-alt: #f7f7f7; --selection: #9e9e9e; @@ -66,7 +68,7 @@ body { padding: 0 10px; color: var(--text-main); - background: var(--background); + background: var(--background-body); text-rendering: optimizeLegibility; } @@ -159,9 +161,12 @@ select { display: block; } -input, select, button, textarea { +input, +select, +button, +textarea { color: var(--form-text); - background-color: var(--background-alt); + background-color: var(--background); font-family: inherit; font-size: inherit; @@ -176,7 +181,9 @@ input, select, button, textarea { } input:not([type='checkbox']):not([type='radio']), -select, button, textarea { +select, +button, +textarea { -webkit-appearance: none; } @@ -187,7 +194,9 @@ textarea { resize: vertical; } -button, input[type='submit'], input[type='button'] { +button, +input[type='submit'], +input[type='button'] { padding-right: 30px; padding-left: 30px; } @@ -218,7 +227,7 @@ select:disabled, button:disabled, textarea:disabled { cursor: not-allowed; - opacity: .5; + opacity: 0.5; } ::-webkit-input-placeholder { @@ -246,10 +255,11 @@ a:hover { text-decoration: underline; } -code, kbd { - background: var(--background-alt); +code, +kbd { + background: var(--background); color: var(--code); - padding: 5px; + padding: 2.5px 5px; border-radius: 6px; } @@ -275,7 +285,8 @@ table { width: 100%; } -td, th { +td, +th { padding: 6px; text-align: left; } @@ -294,7 +305,7 @@ tbody tr:nth-child(even) { } ::-webkit-scrollbar-track { - background: var(--background-alt); + background: var(--background); border-radius: 6px; } diff --git a/dist/dark.css.map b/dist/dark.css.map index 60c2115..c2f5c3b 100644 --- a/dist/dark.css.map +++ b/dist/dark.css.map @@ -1 +1 @@ -{"version":3,"sources":["dark.css","../variables-dark.css","../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA;;;;;;;EAOE;;ACPF;EACE,qBAAqB;EACrB,yBAAyB;;EAEzB,oBAAoB;;EAEpB,oBAAoB;EACpB,sBAAsB;;EAEtB,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;;EAEf,0BAA0B;EAC1B,uBAAuB;;EAEvB,sCAAsC;EACtC,yCAAyE;;EAEzE,2BAA2B;EAC3B,oBAAoB;AACtB;;ACtBA;AAAA;EACE,qBAAqB;EACrB,yBAAyB;;EAEzB,oBAAoB;;EAEpB,oBAAoB;EACpB,sBAAsB;;EAEtB,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;;EAEf,0BAA0B;EAC1B,uBAAuB;;EAEvB,kCAAgE;EAChE,wCAAuE;;EAEvE,2BAA2B;EAC3B,oBAAoB;AACtB;AFmCA;;AGzDA;EACE,yKAAyK;EACzK,gBAAgB;;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;;EAEf,uBAAuB;EACvB,6BAA6B;;EAE7B,kCAAkC;AACpC;;AAEA;EACE;;;;sDAIoD;AACtD;;ACpBA;EACE,gBAAgB;EAChB,aAAa;AACf;;AAEA;;;;;;EAME,mBAAmB;AACrB;;AAEA;;;;;;;EAOE,yBAAyB;AAC3B;;AAEA;;;;;;;;;EASE,gBAAgB;AAClB;;AAEA;EACE,mCAAmC;EACnC,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AClEA;;;;EAIE,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;EACE,uBAAuB;EACvB,uCAAuC;;EAEvC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAEA;;EAEE,wBAAwB;AAC1B;;AAEA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;;;EAGE,+BAA+B;AACjC;;AAEA;;;;EAIE,kCAAkC;AACpC;;AAEA;;;;;EAKE,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,WAAW;AACb;;AAEA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AC5EA;EACE,qBAAqB;EACrB,mBAAmB;AACrB;;AAEA;EACE,0BAA0B;AAC5B;;ACPA;EACE,iCAAiC;EACjC,kBAAkB;EAClB,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;AAClB;;ACXA;EACE,eAAe;EACf,YAAY;AACd;;AAEA;EACE,YAAY;EACZ,mCAAmC;AACrC;;AAEA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;AACb;;AAEA;EACE,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,iCAAiC;EACjC,kBAAkB;AACpB;;AAEA;EACE,kCAAkC;EAClC,kBAAkB;AACpB;;AAEA;EACE,wCAAwC;AAC1C;;AAEA;EACE,kCAAkC;AACpC;;AAFA;EACE,kCAAkC;AACpC","file":"dark.css","sourcesContent":["/**\n * Dark-themed version:\n * uses dark theme by default but switches to light theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-dark.css';\n@import '../variables-light.css' (prefers-color-scheme: light);\n\n@import '../parts/_core.css';\n",":root {\n --background: #202b38;\n --background-alt: #161f27;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: var(--button-hover);\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n",":root {\n --background: #ffffff;\n --background-alt: #efefef;\n\n --selection: #9e9e9e;\n\n --text-main: #363636;\n --text-bright: #000000;\n\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n --form-placeholder: #949494;\n --form-text: #000000;\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file +{"version":3,"sources":["dark.css","../variables-dark.css","../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"dark.css","sourcesContent":["/**\n * Dark-themed version:\n * uses dark theme by default but switches to light theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-dark.css';\n@import '../variables-light.css' (prefers-color-scheme: light);\n\n@import '../parts/_core.css';\n",":root {\n --background-body: #202b38;\n --background: #161f27;\n --background-alt: #1a242f;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: var(--button-hover);\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n",":root {\n --background-body: #ffffff;\n --background: #efefef;\n --background-alt: #f7f7f7;\n\n --selection: #9e9e9e;\n\n --text-main: #363636;\n --text-bright: #000000;\n\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n --form-placeholder: #949494;\n --form-text: #000000;\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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file diff --git a/dist/dark.min.css b/dist/dark.min.css index b2bc7c5..2cb6704 100644 --- a/dist/dark.min.css +++ b/dist/dark.min.css @@ -1,2 +1,2 @@ -:root{--background:#202b38;--background-alt:#161f27;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--links:#41adff;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#ffbe85;--animation-duration:0.1s;--button-hover:#324759;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:#415c73;--form-placeholder:#a9a9a9;--form-text:#fff}@media (prefers-color-scheme:light){:root{--background:#fff;--background-alt:#efefef;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--links:#0076d1;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#000;--animation-duration:0.1s;--button-hover:#ddd;--scrollbar-thumb:#2c3f4f;--scrollbar-thumb-hover:#202d38;--form-placeholder:#949494;--form-text:#000}}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:var(--text-main);background:var(--background);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) 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:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid var(--focus);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:var(--form-text);background-color:var(--background-alt);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:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}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:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,kbd{background:var(--background-alt);color:var(--code);padding:5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background-alt);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)} +:root{--background-body:#202b38;--background:#161f27;--background-alt:#1a242f;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--links:#41adff;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#ffbe85;--animation-duration:0.1s;--button-hover:#324759;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:#415c73;--form-placeholder:#a9a9a9;--form-text:#fff}@media (prefers-color-scheme:light){:root{--background-body:#fff;--background:#efefef;--background-alt:#f7f7f7;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--links:#0076d1;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#000;--animation-duration:0.1s;--button-hover:#ddd;--scrollbar-thumb:#2c3f4f;--scrollbar-thumb-hover:#202d38;--form-placeholder:#949494;--form-text:#000}}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:var(--text-main);background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) 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:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid var(--focus);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:var(--form-text);background-color:var(--background);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:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}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:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,kbd{background:var(--background);color:var(--code);padding:2.5px 5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)} /*# sourceMappingURL=dark.min.css.map */ diff --git a/dist/dark.min.css.map b/dist/dark.min.css.map index ab791b5..8743e02 100644 --- a/dist/dark.min.css.map +++ b/dist/dark.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["../variables-dark.css","../variables-light.css","dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,cAAe,CAEf,yBAA0B,CAC1B,sBAAuB,CAEvB,qCAAsC,CACtC,+BAAyE,CAEzE,0BAA2B,CAC3B,gBACF,CCtBA,oCAAA,MACE,iBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,WAAe,CAEf,yBAA0B,CAC1B,mBAAuB,CAEvB,yBAAgE,CAChE,+BAAuE,CAEvE,0BAA2B,CAC3B,gBACF,CCmCA,CCzDA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,4BAA6B,CAE7B,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAEA,WACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CClEA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BACE,sBAAuB,CACvB,sCAAuC,CAEvC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAEE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CACE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CC5EA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,SACE,gCAAiC,CACjC,iBAAkB,CAClB,WAAY,CACZ,iBACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CCXA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MACE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,gCAAiC,CACjC,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"dark.min.css","sourcesContent":[":root {\n --background: #202b38;\n --background-alt: #161f27;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: var(--button-hover);\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n",":root {\n --background: #ffffff;\n --background-alt: #efefef;\n\n --selection: #9e9e9e;\n\n --text-main: #363636;\n --text-bright: #000000;\n\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n --form-placeholder: #949494;\n --form-text: #000000;\n}\n","/**\n * Dark-themed version:\n * uses dark theme by default but switches to light theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-dark.css';\n@import '../variables-light.css' (prefers-color-scheme: light);\n\n@import '../parts/_core.css';\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file +{"version":3,"sources":["../variables-dark.css","../variables-light.css","dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,yBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,cAAe,CAEf,yBAA0B,CAC1B,sBAAuB,CAEvB,qCAAsC,CACtC,+BAAyE,CAEzE,0BAA2B,CAC3B,gBACF,CCvBA,oCAAA,MACE,sBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,WAAe,CAEf,yBAA0B,CAC1B,mBAAuB,CAEvB,yBAAgE,CAChE,+BAAuE,CAEvE,0BAA2B,CAC3B,gBACF,CCoCA,CC3DA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAEA,WACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CClEA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCnFA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,SAEE,4BAA6B,CAC7B,iBAAkB,CAClB,iBAAkB,CAClB,iBACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CCZA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"dark.min.css","sourcesContent":[":root {\n --background-body: #202b38;\n --background: #161f27;\n --background-alt: #1a242f;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: var(--button-hover);\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n",":root {\n --background-body: #ffffff;\n --background: #efefef;\n --background-alt: #f7f7f7;\n\n --selection: #9e9e9e;\n\n --text-main: #363636;\n --text-bright: #000000;\n\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n --form-placeholder: #949494;\n --form-text: #000000;\n}\n","/**\n * Dark-themed version:\n * uses dark theme by default but switches to light theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-dark.css';\n@import '../variables-light.css' (prefers-color-scheme: light);\n\n@import '../parts/_core.css';\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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file diff --git a/dist/dark.standalone.css b/dist/dark.standalone.css index d17e101..6d9649a 100755 --- a/dist/dark.standalone.css +++ b/dist/dark.standalone.css @@ -1,9 +1,34 @@ /** * Standalone dark-themed version. - * Includes dark variables and core, compiled at build time so the final output - * will only include regular CSS, no variables. + * Includes dark variables and core, left as CSS variables + * so the theming can be adjusted at runtime. */ +:root { + --background-body: #202b38; + --background: #161f27; + --background-alt: #1a242f; + + --selection: #161f27; + + --text-main: #dbdbdb; + --text-bright: #ffffff; + + --links: #41adff; + --focus: #0096bfab; + --border: #dbdbdb; + --code: #ffbe85; + + --animation-duration: 0.1s; + --button-hover: #324759; + + --scrollbar-thumb: var(--button-hover); + --scrollbar-thumb-hover: rgb(65, 92, 115); + + --form-placeholder: #a9a9a9; + --form-text: #ffffff; +} + 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; @@ -12,34 +37,18 @@ body { margin: 20px auto; padding: 0 10px; - color: #dbdbdb; - background: #202b38; + color: var(--text-main); + background: var(--background-body); text-rendering: optimizeLegibility; } -button { - transition: background-color 0.1s linear, - border-color 0.1s linear, - color 0.1s linear, - box-shadow 0.1s linear, - transform 0.1s ease; -} - -input { - transition: background-color 0.1s linear, - border-color 0.1s linear, - color 0.1s linear, - box-shadow 0.1s linear, - transform 0.1s ease; -} - -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; +button, input, textarea { + transition: background-color var(--animation-duration) linear, + border-color var(--animation-duration) linear, + color var(--animation-duration) linear, + box-shadow var(--animation-duration) linear, + transform var(--animation-duration) ease; } h1 { @@ -56,32 +65,14 @@ h6 { margin-bottom: 12px; } -h1 { - color: #ffffff; -} - -h2 { - color: #ffffff; -} - -h3 { - color: #ffffff; -} - -h4 { - color: #ffffff; -} - -h5 { - color: #ffffff; -} - -h6 { - color: #ffffff; -} - +h1, +h2, +h3, +h4, +h5, +h6, strong { - color: #ffffff; + color: var(--text-bright); } h1, @@ -97,7 +88,7 @@ th { } blockquote { - border-left: 4px solid #0096bfab; + border-left: 4px solid var(--focus); margin: 1.5em 0em; padding: 0.5em 1em; font-style: italic; @@ -140,57 +131,12 @@ select { display: block; } -input { - 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; -} - -select { - 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; -} - -button { - 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, +select, +button, textarea { - color: #ffffff; - background-color: #161f27; + color: var(--form-text); + background-color: var(--background); font-family: inherit; font-size: inherit; @@ -205,7 +151,9 @@ textarea { } input:not([type='checkbox']):not([type='radio']), -select, button, textarea { +select, +button, +textarea { -webkit-appearance: none; } @@ -216,37 +164,24 @@ textarea { resize: vertical; } -button, input[type='submit'], input[type='button'] { +button, +input[type='submit'], +input[type='button'] { padding-right: 30px; padding-left: 30px; } -button:hover { - background: #324759; -} - -input[type='submit']:hover { - background: #324759; -} - +button:hover, +input[type='submit']:hover, input[type='button']:hover { - background: #324759; -} - -input:focus { - box-shadow: 0 0 0 2px #0096bfab; -} - -select:focus { - box-shadow: 0 0 0 2px #0096bfab; -} - -button:focus { - box-shadow: 0 0 0 2px #0096bfab; + background: var(--button-hover); } +input:focus, +select:focus, +button:focus, textarea:focus { - box-shadow: 0 0 0 2px #0096bfab; + box-shadow: 0 0 0 2px var(--focus); } input[type='checkbox']:active, @@ -262,45 +197,39 @@ select:disabled, button:disabled, textarea:disabled { cursor: not-allowed; - opacity: .5; + opacity: 0.5; } ::-webkit-input-placeholder { - color: #a9a9a9; + color: var(--form-placeholder); } :-ms-input-placeholder { - color: #a9a9a9; + color: var(--form-placeholder); } ::-ms-input-placeholder { - color: #a9a9a9; + color: var(--form-placeholder); } ::placeholder { - color: #a9a9a9; + color: var(--form-placeholder); } a { text-decoration: none; - color: #41adff; + color: var(--links); } a:hover { text-decoration: underline; } -code { - background: #161f27; - color: #ffbe85; - padding: 5px; - border-radius: 6px; -} - +code, kbd { - background: #161f27; - color: #ffbe85; - padding: 5px; + background: var(--background); + color: var(--code); + padding: 2.5px 5px; border-radius: 6px; } @@ -317,7 +246,7 @@ img { hr { border: none; - border-top: 1px solid #dbdbdb; + border-top: 1px solid var(--border); } table { @@ -326,17 +255,18 @@ table { width: 100%; } -td, th { +td, +th { padding: 6px; text-align: left; } th { - border-bottom: 1px solid #dbdbdb; + border-bottom: 1px solid var(--border); } tbody tr:nth-child(even) { - background-color: #161f27; + background-color: var(--background-alt); } ::-webkit-scrollbar { @@ -345,25 +275,25 @@ tbody tr:nth-child(even) { } ::-webkit-scrollbar-track { - background: #161f27; + background: var(--background); border-radius: 6px; } ::-webkit-scrollbar-thumb { - background: #324759; + background: var(--scrollbar-thumb); border-radius: 6px; } ::-webkit-scrollbar-thumb:hover { - background: rgb(65, 92, 115); + background: var(--scrollbar-thumb-hover); } ::-moz-selection { - background-color: #161f27; + background-color: var(--selection); } ::selection { - background-color: #161f27; + background-color: var(--selection); } /*# sourceMappingURL=dark.standalone.css.map */ diff --git a/dist/dark.standalone.css.map b/dist/dark.standalone.css.map index 31f3afa..a715285 100644 --- a/dist/dark.standalone.css.map +++ b/dist/dark.standalone.css.map @@ -1 +1 @@ -{"version":3,"sources":["dark.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA;;;;EAIE;;ACJF;EACE,yKAAyK;EACzK,gBAAgB;;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;;EAEf,cAAuB;EACvB,mBAA6B;;EAE7B,kCAAkC;AACpC;;AAEA;EACE;;;;iCAIoD;AACtD;;AANA;EACE;;;;iCAIoD;AACtD;;AANA;EACE;;;;iCAIoD;AACtD;;ACpBA;EACE,gBAAgB;EAChB,aAAa;AACf;;AAEA;;;;;;EAME,mBAAmB;AACrB;;AAEA;EAOE,cAAyB;AAC3B;;AARA;EAOE,cAAyB;AAC3B;;AARA;EAOE,cAAyB;AAC3B;;AARA;EAOE,cAAyB;AAC3B;;AARA;EAOE,cAAyB;AAC3B;;AARA;EAOE,cAAyB;AAC3B;;AARA;EAOE,cAAyB;AAC3B;;AAEA;;;;;;;;;EASE,gBAAgB;AAClB;;AAEA;EACE,gCAAmC;EACnC,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AClEA;;;;EAIE,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;EACE,cAAuB;EACvB,yBAAuC;;EAEvC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAdA;EACE,cAAuB;EACvB,yBAAuC;;EAEvC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAdA;EACE,cAAuB;EACvB,yBAAuC;;EAEvC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAdA;EACE,cAAuB;EACvB,yBAAuC;;EAEvC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAEA;;EAEE,wBAAwB;AAC1B;;AAEA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;EAGE,mBAA+B;AACjC;;AAJA;EAGE,mBAA+B;AACjC;;AAJA;EAGE,mBAA+B;AACjC;;AAEA;EAIE,+BAAkC;AACpC;;AALA;EAIE,+BAAkC;AACpC;;AALA;EAIE,+BAAkC;AACpC;;AALA;EAIE,+BAAkC;AACpC;;AAEA;;;;;EAKE,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,WAAW;AACb;;AAEA;EACE,cAA8B;AAChC;;AAFA;EACE,cAA8B;AAChC;;AAFA;EACE,cAA8B;AAChC;;AAFA;EACE,cAA8B;AAChC;;AC5EA;EACE,qBAAqB;EACrB,cAAmB;AACrB;;AAEA;EACE,0BAA0B;AAC5B;;ACPA;EACE,mBAAiC;EACjC,cAAkB;EAClB,YAAY;EACZ,kBAAkB;AACpB;;AALA;EACE,mBAAiC;EACjC,cAAkB;EAClB,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;AAClB;;ACXA;EACE,eAAe;EACf,YAAY;AACd;;AAEA;EACE,YAAY;EACZ,6BAAmC;AACrC;;AAEA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;AACb;;AAEA;EACE,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,gCAAsC;AACxC;;AAEA;EACE,yBAAuC;AACzC;;AAEA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,mBAAiC;EACjC,kBAAkB;AACpB;;AAEA;EACE,mBAAkC;EAClC,kBAAkB;AACpB;;AAEA;EACE,4BAAwC;AAC1C;;AAEA;EACE,yBAAkC;AACpC;;AAFA;EACE,yBAAkC;AACpC","file":"dark.standalone.css","sourcesContent":["/**\n * Standalone dark-themed version.\n * Includes dark variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n\n@import '../variables-dark.css';\n@import '../parts/_core.css';\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file +{"version":3,"sources":["dark.standalone.css","../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA;;;;EAIE;;ACJF;EACE,0BAA0B;EAC1B,qBAAqB;EACrB,yBAAyB;;EAEzB,oBAAoB;;EAEpB,oBAAoB;EACpB,sBAAsB;;EAEtB,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;;EAEf,0BAA0B;EAC1B,uBAAuB;;EAEvB,sCAAsC;EACtC,yCAAyE;;EAEzE,2BAA2B;EAC3B,oBAAoB;AACtB;;ACvBA;EACE,yKAAyK;EACzK,gBAAgB;;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;;EAEf,uBAAuB;EACvB,kCAAkC;;EAElC,kCAAkC;AACpC;;AAEA;EACE;;;;sDAIoD;AACtD;;ACpBA;EACE,gBAAgB;EAChB,aAAa;AACf;;AAEA;;;;;;EAME,mBAAmB;AACrB;;AAEA;;;;;;;EAOE,yBAAyB;AAC3B;;AAEA;;;;;;;;;EASE,gBAAgB;AAClB;;AAEA;EACE,mCAAmC;EACnC,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AClEA;;;;EAIE,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;;;;EAIE,uBAAuB;EACvB,mCAAmC;;EAEnC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAEA;;;;EAIE,wBAAwB;AAC1B;;AAEA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;;;EAGE,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;;;EAGE,+BAA+B;AACjC;;AAEA;;;;EAIE,kCAAkC;AACpC;;AAEA;;;;;EAKE,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;ACnFA;EACE,qBAAqB;EACrB,mBAAmB;AACrB;;AAEA;EACE,0BAA0B;AAC5B;;ACPA;;EAEE,6BAA6B;EAC7B,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;AAClB;;ACZA;EACE,eAAe;EACf,YAAY;AACd;;AAEA;EACE,YAAY;EACZ,mCAAmC;AACrC;;AAEA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;AACb;;AAEA;;EAEE,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,kCAAkC;EAClC,kBAAkB;AACpB;;AAEA;EACE,wCAAwC;AAC1C;;AAEA;EACE,kCAAkC;AACpC;;AAFA;EACE,kCAAkC;AACpC","file":"dark.standalone.css","sourcesContent":["/**\n * Standalone dark-themed version.\n * Includes dark variables and core, left as CSS variables\n * so the theming can be adjusted at runtime.\n */\n\n@import '../variables-dark.css';\n@import '../parts/_core.css';\n",":root {\n --background-body: #202b38;\n --background: #161f27;\n --background-alt: #1a242f;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: var(--button-hover);\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file diff --git a/dist/dark.standalone.min.css b/dist/dark.standalone.min.css index c26121f..32f68d1 100755 --- a/dist/dark.standalone.min.css +++ b/dist/dark.standalone.min.css @@ -1,2 +1,2 @@ -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%;height:auto}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}::-moz-selection{background-color:#161f27}::selection{background-color:#161f27} +:root{--background-body:#202b38;--background:#161f27;--background-alt:#1a242f;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--links:#41adff;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#ffbe85;--animation-duration:0.1s;--button-hover:#324759;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:#415c73;--form-placeholder:#a9a9a9;--form-text:#fff}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:var(--text-main);background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) 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:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid var(--focus);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:var(--form-text);background-color:var(--background);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:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}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:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,kbd{background:var(--background);color:var(--code);padding:2.5px 5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)} /*# sourceMappingURL=dark.standalone.min.css.map */ diff --git a/dist/dark.standalone.min.css.map b/dist/dark.standalone.min.css.map index 976712d..122c7d3 100644 --- a/dist/dark.standalone.min.css.map +++ b/dist/dark.standalone.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aAAuB,CACvB,kBAA6B,CAE7B,iCACF,CAEA,sBACE,wHAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,UACF,CAEA,8BASE,eACF,CAEA,WACE,yCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CClEA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BACE,UAAuB,CACvB,wBAAuC,CAEvC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAEE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CACE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,kBACF,CAEA,qDAIE,wCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CC5EA,EACE,oBAAqB,CACrB,aACF,CAEA,QACE,yBACF,CCPA,SACE,kBAAiC,CACjC,aAAkB,CAClB,WAAY,CACZ,iBACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CCXA,IACE,cAAe,CACf,WACF,CAEA,GAEE,WAAmC,CAAnC,4BACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MACE,WAAY,CACZ,eACF,CAEA,GACE,+BACF,CAEA,uBACE,wBACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,kBAAiC,CACjC,iBACF,CAEA,0BACE,kBAAkC,CAClC,iBACF,CAEA,gCACE,kBACF,CAEA,iBACE,wBACF,CAFA,YACE,wBACF","file":"dark.standalone.min.css","sourcesContent":["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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file +{"version":3,"sources":["../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,yBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,cAAe,CAEf,yBAA0B,CAC1B,sBAAuB,CAEvB,qCAAsC,CACtC,+BAAyE,CAEzE,0BAA2B,CAC3B,gBACF,CCvBA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAEA,WACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CClEA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCnFA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,SAEE,4BAA6B,CAC7B,iBAAkB,CAClB,iBAAkB,CAClB,iBACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CCZA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"dark.standalone.min.css","sourcesContent":[":root {\n --background-body: #202b38;\n --background: #161f27;\n --background-alt: #1a242f;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: var(--button-hover);\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file diff --git a/dist/light-legacy.standalone.css b/dist/light-legacy.standalone.css new file mode 100755 index 0000000..3dca038 --- /dev/null +++ b/dist/light-legacy.standalone.css @@ -0,0 +1,374 @@ +/** + * Standalone light-themed version for legacy browsers. + * Includes light variables and core, compiled at build time so the final output + * will only include regular CSS, no variables. + */ + +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 { + transition: background-color 0.1s linear, + border-color 0.1s linear, + color 0.1s linear, + box-shadow 0.1s linear, + transform 0.1s ease; +} + +input { + transition: background-color 0.1s linear, + border-color 0.1s linear, + color 0.1s linear, + box-shadow 0.1s linear, + transform 0.1s ease; +} + +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 { + color: #000000; +} + +h2 { + color: #000000; +} + +h3 { + color: #000000; +} + +h4 { + color: #000000; +} + +h5 { + color: #000000; +} + +h6 { + color: #000000; +} + +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 { + 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; +} + +select { + 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; +} + +button { + 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; +} + +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 { + background: #dddddd; +} + +input[type='submit']:hover { + background: #dddddd; +} + +input[type='button']:hover { + background: #dddddd; +} + +input:focus { + box-shadow: 0 0 0 2px #0096bfab; +} + +select:focus { + box-shadow: 0 0 0 2px #0096bfab; +} + +button:focus { + box-shadow: 0 0 0 2px #0096bfab; +} + +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: 0.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 { + background: #efefef; + color: #000000; + padding: 2.5px 5px; + border-radius: 6px; +} + +kbd { + background: #efefef; + color: #000000; + padding: 2.5px 5px; + border-radius: 6px; +} + +pre > code { + padding: 10px; + display: block; + overflow-x: auto; +} + +img { + max-width: 100%; + height: auto; +} + +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: #f7f7f7; +} + +::-webkit-scrollbar { + height: 10px; + width: 10px; +} + +::-webkit-scrollbar-track { + background: #efefef; + border-radius: 6px; +} + +::-webkit-scrollbar-thumb { + background: rgb(213, 213, 213); + border-radius: 6px; +} + +::-webkit-scrollbar-thumb:hover { + background: rgb(196, 196, 196); +} + +::-moz-selection { + background-color: #9e9e9e; +} + +::selection { + background-color: #9e9e9e; +} + +/*# sourceMappingURL=light-legacy.standalone.css.map */ diff --git a/dist/light-legacy.standalone.css.map b/dist/light-legacy.standalone.css.map new file mode 100644 index 0000000..0818ea5 --- /dev/null +++ b/dist/light-legacy.standalone.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["light-legacy.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"light-legacy.standalone.css","sourcesContent":["/**\n * Standalone light-themed version for legacy browsers.\n * Includes light variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n\n@import '../variables-light.css';\n@import '../parts/_core.css';\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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file diff --git a/dist/light-legacy.standalone.min.css b/dist/light-legacy.standalone.min.css new file mode 100755 index 0000000..af5f464 --- /dev/null +++ b/dist/light-legacy.standalone.min.css @@ -0,0 +1,2 @@ +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:2.5px 5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}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:#f7f7f7}::-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}::-moz-selection{background-color:#9e9e9e}::selection{background-color:#9e9e9e} +/*# sourceMappingURL=light-legacy.standalone.min.css.map */ diff --git a/dist/light-legacy.standalone.min.css.map b/dist/light-legacy.standalone.min.css.map new file mode 100644 index 0000000..0bc7158 --- /dev/null +++ b/dist/light-legacy.standalone.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aAAuB,CACvB,eAAkC,CAElC,iCACF,CAEA,sBACE,wHAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,UACF,CAEA,8BASE,eACF,CAEA,WACE,yCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CClEA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,UAAuB,CACvB,wBAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,eACF,CAEA,qDAIE,wCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CCnFA,EACE,oBAAqB,CACrB,aACF,CAEA,QACE,yBACF,CCPA,SAEE,kBAA6B,CAC7B,UAAkB,CAClB,iBAAkB,CAClB,iBACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CCZA,IACE,cAAe,CACf,WACF,CAEA,GAEE,WAAmC,CAAnC,4BACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,+BACF,CAEA,uBACE,wBACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,kBAA6B,CAC7B,iBACF,CAEA,0BACE,kBAAkC,CAClC,iBACF,CAEA,gCACE,kBACF,CAEA,iBACE,wBACF,CAFA,YACE,wBACF","file":"light-legacy.standalone.min.css","sourcesContent":["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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file diff --git a/dist/light.css b/dist/light.css index 7236312..31fa25e 100644 --- a/dist/light.css +++ b/dist/light.css @@ -8,8 +8,9 @@ */ :root { - --background: #ffffff; - --background-alt: #efefef; + --background-body: #ffffff; + --background: #efefef; + --background-alt: #f7f7f7; --selection: #9e9e9e; @@ -33,8 +34,9 @@ @media (prefers-color-scheme: dark) { :root { - --background: #202b38; - --background-alt: #161f27; + --background-body: #202b38; + --background: #161f27; + --background-alt: #1a242f; --selection: #161f27; @@ -66,7 +68,7 @@ body { padding: 0 10px; color: var(--text-main); - background: var(--background); + background: var(--background-body); text-rendering: optimizeLegibility; } @@ -159,9 +161,12 @@ select { display: block; } -input, select, button, textarea { +input, +select, +button, +textarea { color: var(--form-text); - background-color: var(--background-alt); + background-color: var(--background); font-family: inherit; font-size: inherit; @@ -176,7 +181,9 @@ input, select, button, textarea { } input:not([type='checkbox']):not([type='radio']), -select, button, textarea { +select, +button, +textarea { -webkit-appearance: none; } @@ -187,7 +194,9 @@ textarea { resize: vertical; } -button, input[type='submit'], input[type='button'] { +button, +input[type='submit'], +input[type='button'] { padding-right: 30px; padding-left: 30px; } @@ -218,7 +227,7 @@ select:disabled, button:disabled, textarea:disabled { cursor: not-allowed; - opacity: .5; + opacity: 0.5; } ::-webkit-input-placeholder { @@ -246,10 +255,11 @@ a:hover { text-decoration: underline; } -code, kbd { - background: var(--background-alt); +code, +kbd { + background: var(--background); color: var(--code); - padding: 5px; + padding: 2.5px 5px; border-radius: 6px; } @@ -275,7 +285,8 @@ table { width: 100%; } -td, th { +td, +th { padding: 6px; text-align: left; } @@ -294,7 +305,7 @@ tbody tr:nth-child(even) { } ::-webkit-scrollbar-track { - background: var(--background-alt); + background: var(--background); border-radius: 6px; } diff --git a/dist/light.css.map b/dist/light.css.map index 3b9d7dd..d95855d 100644 --- a/dist/light.css.map +++ b/dist/light.css.map @@ -1 +1 @@ -{"version":3,"sources":["light.css","../variables-light.css","../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA;;;;;;;EAOE;;ACPF;EACE,qBAAqB;EACrB,yBAAyB;;EAEzB,oBAAoB;;EAEpB,oBAAoB;EACpB,sBAAsB;;EAEtB,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;;EAEf,0BAA0B;EAC1B,uBAAuB;;EAEvB,qCAAgE;EAChE,2CAAuE;;EAEvE,2BAA2B;EAC3B,oBAAoB;AACtB;;ACtBA;AAAA;EACE,qBAAqB;EACrB,yBAAyB;;EAEzB,oBAAoB;;EAEpB,oBAAoB;EACpB,sBAAsB;;EAEtB,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;;EAEf,0BAA0B;EAC1B,uBAAuB;;EAEvB,sCAAsC;EACtC,wCAAyE;;EAEzE,2BAA2B;EAC3B,oBAAoB;AACtB;AFmCA;;AGzDA;EACE,yKAAyK;EACzK,gBAAgB;;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;;EAEf,uBAAuB;EACvB,6BAA6B;;EAE7B,kCAAkC;AACpC;;AAEA;EACE;;;;sDAIoD;AACtD;;ACpBA;EACE,gBAAgB;EAChB,aAAa;AACf;;AAEA;;;;;;EAME,mBAAmB;AACrB;;AAEA;;;;;;;EAOE,yBAAyB;AAC3B;;AAEA;;;;;;;;;EASE,gBAAgB;AAClB;;AAEA;EACE,mCAAmC;EACnC,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AClEA;;;;EAIE,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;EACE,uBAAuB;EACvB,uCAAuC;;EAEvC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAEA;;EAEE,wBAAwB;AAC1B;;AAEA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;;;EAGE,+BAA+B;AACjC;;AAEA;;;;EAIE,kCAAkC;AACpC;;AAEA;;;;;EAKE,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,WAAW;AACb;;AAEA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AC5EA;EACE,qBAAqB;EACrB,mBAAmB;AACrB;;AAEA;EACE,0BAA0B;AAC5B;;ACPA;EACE,iCAAiC;EACjC,kBAAkB;EAClB,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;AAClB;;ACXA;EACE,eAAe;EACf,YAAY;AACd;;AAEA;EACE,YAAY;EACZ,mCAAmC;AACrC;;AAEA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;AACb;;AAEA;EACE,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,iCAAiC;EACjC,kBAAkB;AACpB;;AAEA;EACE,kCAAkC;EAClC,kBAAkB;AACpB;;AAEA;EACE,wCAAwC;AAC1C;;AAEA;EACE,kCAAkC;AACpC;;AAFA;EACE,kCAAkC;AACpC","file":"light.css","sourcesContent":["/**\n * Light-themed version:\n * uses light theme by default but switches to dark theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-light.css';\n@import '../variables-dark.css' (prefers-color-scheme: dark);\n\n\n@import '../parts/_core.css';",":root {\n --background: #ffffff;\n --background-alt: #efefef;\n\n --selection: #9e9e9e;\n\n --text-main: #363636;\n --text-bright: #000000;\n\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n --form-placeholder: #949494;\n --form-text: #000000;\n}\n",":root {\n --background: #202b38;\n --background-alt: #161f27;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: var(--button-hover);\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file +{"version":3,"sources":["light.css","../variables-light.css","../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"light.css","sourcesContent":["/**\n * Light-themed version:\n * uses light theme by default but switches to dark theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-light.css';\n@import '../variables-dark.css' (prefers-color-scheme: dark);\n\n\n@import '../parts/_core.css';",":root {\n --background-body: #ffffff;\n --background: #efefef;\n --background-alt: #f7f7f7;\n\n --selection: #9e9e9e;\n\n --text-main: #363636;\n --text-bright: #000000;\n\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n --form-placeholder: #949494;\n --form-text: #000000;\n}\n",":root {\n --background-body: #202b38;\n --background: #161f27;\n --background-alt: #1a242f;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: var(--button-hover);\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file diff --git a/dist/light.min.css b/dist/light.min.css index e0f6e97..60a2367 100644 --- a/dist/light.min.css +++ b/dist/light.min.css @@ -1,2 +1,2 @@ -:root{--background:#fff;--background-alt:#efefef;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--links:#0076d1;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#000;--animation-duration:0.1s;--button-hover:#ddd;--scrollbar-thumb:#d5d5d5;--scrollbar-thumb-hover:#c4c4c4;--form-placeholder:#949494;--form-text:#000}@media (prefers-color-scheme:dark){:root{--background:#202b38;--background-alt:#161f27;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--links:#41adff;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#ffbe85;--animation-duration:0.1s;--button-hover:#324759;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:#141414;--form-placeholder:#a9a9a9;--form-text:#fff}}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:var(--text-main);background:var(--background);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) 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:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid var(--focus);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:var(--form-text);background-color:var(--background-alt);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:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}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:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,kbd{background:var(--background-alt);color:var(--code);padding:5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background-alt);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)} +:root{--background-body:#fff;--background:#efefef;--background-alt:#f7f7f7;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--links:#0076d1;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#000;--animation-duration:0.1s;--button-hover:#ddd;--scrollbar-thumb:#d5d5d5;--scrollbar-thumb-hover:#c4c4c4;--form-placeholder:#949494;--form-text:#000}@media (prefers-color-scheme:dark){:root{--background-body:#202b38;--background:#161f27;--background-alt:#1a242f;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--links:#41adff;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#ffbe85;--animation-duration:0.1s;--button-hover:#324759;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:#141414;--form-placeholder:#a9a9a9;--form-text:#fff}}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:var(--text-main);background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) 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:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid var(--focus);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:var(--form-text);background-color:var(--background);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:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}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:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,kbd{background:var(--background);color:var(--code);padding:2.5px 5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)} /*# sourceMappingURL=light.min.css.map */ diff --git a/dist/light.min.css.map b/dist/light.min.css.map index 732bb7a..7198eed 100644 --- a/dist/light.min.css.map +++ b/dist/light.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["../variables-light.css","../variables-dark.css","light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,iBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,WAAe,CAEf,yBAA0B,CAC1B,mBAAuB,CAEvB,yBAAgE,CAChE,+BAAuE,CAEvE,0BAA2B,CAC3B,gBACF,CCtBA,mCAAA,MACE,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,cAAe,CAEf,yBAA0B,CAC1B,sBAAuB,CAEvB,qCAAsC,CACtC,+BAAyE,CAEzE,0BAA2B,CAC3B,gBACF,CCmCA,CCzDA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,4BAA6B,CAE7B,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAEA,WACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CClEA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BACE,sBAAuB,CACvB,sCAAuC,CAEvC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAEE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CACE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CC5EA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,SACE,gCAAiC,CACjC,iBAAkB,CAClB,WAAY,CACZ,iBACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CCXA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MACE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,gCAAiC,CACjC,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"light.min.css","sourcesContent":[":root {\n --background: #ffffff;\n --background-alt: #efefef;\n\n --selection: #9e9e9e;\n\n --text-main: #363636;\n --text-bright: #000000;\n\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n --form-placeholder: #949494;\n --form-text: #000000;\n}\n",":root {\n --background: #202b38;\n --background-alt: #161f27;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: var(--button-hover);\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n","/**\n * Light-themed version:\n * uses light theme by default but switches to dark theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-light.css';\n@import '../variables-dark.css' (prefers-color-scheme: dark);\n\n\n@import '../parts/_core.css';","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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file +{"version":3,"sources":["../variables-light.css","../variables-dark.css","light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,sBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,WAAe,CAEf,yBAA0B,CAC1B,mBAAuB,CAEvB,yBAAgE,CAChE,+BAAuE,CAEvE,0BAA2B,CAC3B,gBACF,CCvBA,mCAAA,MACE,yBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,cAAe,CAEf,yBAA0B,CAC1B,sBAAuB,CAEvB,qCAAsC,CACtC,+BAAyE,CAEzE,0BAA2B,CAC3B,gBACF,CCoCA,CC3DA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAEA,WACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CClEA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCnFA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,SAEE,4BAA6B,CAC7B,iBAAkB,CAClB,iBAAkB,CAClB,iBACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CCZA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"light.min.css","sourcesContent":[":root {\n --background-body: #ffffff;\n --background: #efefef;\n --background-alt: #f7f7f7;\n\n --selection: #9e9e9e;\n\n --text-main: #363636;\n --text-bright: #000000;\n\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n --form-placeholder: #949494;\n --form-text: #000000;\n}\n",":root {\n --background-body: #202b38;\n --background: #161f27;\n --background-alt: #1a242f;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: var(--button-hover);\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n","/**\n * Light-themed version:\n * uses light theme by default but switches to dark theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-light.css';\n@import '../variables-dark.css' (prefers-color-scheme: dark);\n\n\n@import '../parts/_core.css';","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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file diff --git a/dist/light.standalone.css b/dist/light.standalone.css index bdcc0d7..f6f290b 100755 --- a/dist/light.standalone.css +++ b/dist/light.standalone.css @@ -1,9 +1,34 @@ /** * Standalone light-themed version. - * Includes light variables and core, compiled at build time so the final output - * will only include regular CSS, no variables. + * Includes light variables and core, left as CSS variables + * so the theming can be adjusted at runtime. */ +:root { + --background-body: #ffffff; + --background: #efefef; + --background-alt: #f7f7f7; + + --selection: #9e9e9e; + + --text-main: #363636; + --text-bright: #000000; + + --links: #0076d1; + --focus: #0096bfab; + --border: #dbdbdb; + --code: #000000; + + --animation-duration: 0.1s; + --button-hover: #dddddd; + + --scrollbar-thumb: rgb(213, 213, 213); + --scrollbar-thumb-hover: rgb(196, 196, 196); + + --form-placeholder: #949494; + --form-text: #000000; +} + 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; @@ -12,34 +37,18 @@ body { margin: 20px auto; padding: 0 10px; - color: #363636; - background: #ffffff; + color: var(--text-main); + background: var(--background-body); text-rendering: optimizeLegibility; } -button { - transition: background-color 0.1s linear, - border-color 0.1s linear, - color 0.1s linear, - box-shadow 0.1s linear, - transform 0.1s ease; -} - -input { - transition: background-color 0.1s linear, - border-color 0.1s linear, - color 0.1s linear, - box-shadow 0.1s linear, - transform 0.1s ease; -} - -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; +button, input, textarea { + transition: background-color var(--animation-duration) linear, + border-color var(--animation-duration) linear, + color var(--animation-duration) linear, + box-shadow var(--animation-duration) linear, + transform var(--animation-duration) ease; } h1 { @@ -56,32 +65,14 @@ h6 { margin-bottom: 12px; } -h1 { - color: #000000; -} - -h2 { - color: #000000; -} - -h3 { - color: #000000; -} - -h4 { - color: #000000; -} - -h5 { - color: #000000; -} - -h6 { - color: #000000; -} - +h1, +h2, +h3, +h4, +h5, +h6, strong { - color: #000000; + color: var(--text-bright); } h1, @@ -97,7 +88,7 @@ th { } blockquote { - border-left: 4px solid #0096bfab; + border-left: 4px solid var(--focus); margin: 1.5em 0em; padding: 0.5em 1em; font-style: italic; @@ -140,57 +131,12 @@ select { display: block; } -input { - 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; -} - -select { - 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; -} - -button { - 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, +select, +button, textarea { - color: #000000; - background-color: #efefef; + color: var(--form-text); + background-color: var(--background); font-family: inherit; font-size: inherit; @@ -205,7 +151,9 @@ textarea { } input:not([type='checkbox']):not([type='radio']), -select, button, textarea { +select, +button, +textarea { -webkit-appearance: none; } @@ -216,37 +164,24 @@ textarea { resize: vertical; } -button, input[type='submit'], input[type='button'] { +button, +input[type='submit'], +input[type='button'] { padding-right: 30px; padding-left: 30px; } -button:hover { - background: #dddddd; -} - -input[type='submit']:hover { - background: #dddddd; -} - +button:hover, +input[type='submit']:hover, input[type='button']:hover { - background: #dddddd; -} - -input:focus { - box-shadow: 0 0 0 2px #0096bfab; -} - -select:focus { - box-shadow: 0 0 0 2px #0096bfab; -} - -button:focus { - box-shadow: 0 0 0 2px #0096bfab; + background: var(--button-hover); } +input:focus, +select:focus, +button:focus, textarea:focus { - box-shadow: 0 0 0 2px #0096bfab; + box-shadow: 0 0 0 2px var(--focus); } input[type='checkbox']:active, @@ -262,45 +197,39 @@ select:disabled, button:disabled, textarea:disabled { cursor: not-allowed; - opacity: .5; + opacity: 0.5; } ::-webkit-input-placeholder { - color: #949494; + color: var(--form-placeholder); } :-ms-input-placeholder { - color: #949494; + color: var(--form-placeholder); } ::-ms-input-placeholder { - color: #949494; + color: var(--form-placeholder); } ::placeholder { - color: #949494; + color: var(--form-placeholder); } a { text-decoration: none; - color: #0076d1; + color: var(--links); } a:hover { text-decoration: underline; } -code { - background: #efefef; - color: #000000; - padding: 5px; - border-radius: 6px; -} - +code, kbd { - background: #efefef; - color: #000000; - padding: 5px; + background: var(--background); + color: var(--code); + padding: 2.5px 5px; border-radius: 6px; } @@ -317,7 +246,7 @@ img { hr { border: none; - border-top: 1px solid #dbdbdb; + border-top: 1px solid var(--border); } table { @@ -326,17 +255,18 @@ table { width: 100%; } -td, th { +td, +th { padding: 6px; text-align: left; } th { - border-bottom: 1px solid #dbdbdb; + border-bottom: 1px solid var(--border); } tbody tr:nth-child(even) { - background-color: #efefef; + background-color: var(--background-alt); } ::-webkit-scrollbar { @@ -345,25 +275,25 @@ tbody tr:nth-child(even) { } ::-webkit-scrollbar-track { - background: #efefef; + background: var(--background); border-radius: 6px; } ::-webkit-scrollbar-thumb { - background: rgb(213, 213, 213); + background: var(--scrollbar-thumb); border-radius: 6px; } ::-webkit-scrollbar-thumb:hover { - background: rgb(196, 196, 196); + background: var(--scrollbar-thumb-hover); } ::-moz-selection { - background-color: #9e9e9e; + background-color: var(--selection); } ::selection { - background-color: #9e9e9e; + background-color: var(--selection); } /*# sourceMappingURL=light.standalone.css.map */ diff --git a/dist/light.standalone.css.map b/dist/light.standalone.css.map index 69fe367..c0b4e43 100644 --- a/dist/light.standalone.css.map +++ b/dist/light.standalone.css.map @@ -1 +1 @@ -{"version":3,"sources":["light.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"light.standalone.css","sourcesContent":["/**\n * Standalone light-themed version.\n * Includes light variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n\n@import '../variables-light.css';\n@import '../parts/_core.css';\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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file +{"version":3,"sources":["light.standalone.css","../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA;;;;EAIE;;ACJF;EACE,0BAA0B;EAC1B,qBAAqB;EACrB,yBAAyB;;EAEzB,oBAAoB;;EAEpB,oBAAoB;EACpB,sBAAsB;;EAEtB,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;;EAEf,0BAA0B;EAC1B,uBAAuB;;EAEvB,qCAAgE;EAChE,2CAAuE;;EAEvE,2BAA2B;EAC3B,oBAAoB;AACtB;;ACvBA;EACE,yKAAyK;EACzK,gBAAgB;;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;;EAEf,uBAAuB;EACvB,kCAAkC;;EAElC,kCAAkC;AACpC;;AAEA;EACE;;;;sDAIoD;AACtD;;ACpBA;EACE,gBAAgB;EAChB,aAAa;AACf;;AAEA;;;;;;EAME,mBAAmB;AACrB;;AAEA;;;;;;;EAOE,yBAAyB;AAC3B;;AAEA;;;;;;;;;EASE,gBAAgB;AAClB;;AAEA;EACE,mCAAmC;EACnC,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AClEA;;;;EAIE,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;;;;EAIE,uBAAuB;EACvB,mCAAmC;;EAEnC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAEA;;;;EAIE,wBAAwB;AAC1B;;AAEA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;;;EAGE,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;;;EAGE,+BAA+B;AACjC;;AAEA;;;;EAIE,kCAAkC;AACpC;;AAEA;;;;;EAKE,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;ACnFA;EACE,qBAAqB;EACrB,mBAAmB;AACrB;;AAEA;EACE,0BAA0B;AAC5B;;ACPA;;EAEE,6BAA6B;EAC7B,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;AAClB;;ACZA;EACE,eAAe;EACf,YAAY;AACd;;AAEA;EACE,YAAY;EACZ,mCAAmC;AACrC;;AAEA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;AACb;;AAEA;;EAEE,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,kCAAkC;EAClC,kBAAkB;AACpB;;AAEA;EACE,wCAAwC;AAC1C;;AAEA;EACE,kCAAkC;AACpC;;AAFA;EACE,kCAAkC;AACpC","file":"light.standalone.css","sourcesContent":["/**\n * Standalone light-themed version.\n * Includes light variables and core, left as CSS variables\n * so the theming can be adjusted at runtime.\n */\n\n@import '../variables-light.css';\n@import '../parts/_core.css';\n",":root {\n --background-body: #ffffff;\n --background: #efefef;\n --background-alt: #f7f7f7;\n\n --selection: #9e9e9e;\n\n --text-main: #363636;\n --text-bright: #000000;\n\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n --form-placeholder: #949494;\n --form-text: #000000;\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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file diff --git a/dist/light.standalone.min.css b/dist/light.standalone.min.css index 092952f..16ff965 100755 --- a/dist/light.standalone.min.css +++ b/dist/light.standalone.min.css @@ -1,2 +1,2 @@ -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%;height:auto}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}::-moz-selection{background-color:#9e9e9e}::selection{background-color:#9e9e9e} +:root{--background-body:#fff;--background:#efefef;--background-alt:#f7f7f7;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--links:#0076d1;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#000;--animation-duration:0.1s;--button-hover:#ddd;--scrollbar-thumb:#d5d5d5;--scrollbar-thumb-hover:#c4c4c4;--form-placeholder:#949494;--form-text:#000}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:var(--text-main);background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) 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:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid var(--focus);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:var(--form-text);background-color:var(--background);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:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}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:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,kbd{background:var(--background);color:var(--code);padding:2.5px 5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)} /*# sourceMappingURL=light.standalone.min.css.map */ diff --git a/dist/light.standalone.min.css.map b/dist/light.standalone.min.css.map index 446b27e..e4d340b 100644 --- a/dist/light.standalone.min.css.map +++ b/dist/light.standalone.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aAAuB,CACvB,eAA6B,CAE7B,iCACF,CAEA,sBACE,wHAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,UACF,CAEA,8BASE,eACF,CAEA,WACE,yCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CClEA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BACE,UAAuB,CACvB,wBAAuC,CAEvC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAEE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CACE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,eACF,CAEA,qDAIE,wCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CC5EA,EACE,oBAAqB,CACrB,aACF,CAEA,QACE,yBACF,CCPA,SACE,kBAAiC,CACjC,UAAkB,CAClB,WAAY,CACZ,iBACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CCXA,IACE,cAAe,CACf,WACF,CAEA,GAEE,WAAmC,CAAnC,4BACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MACE,WAAY,CACZ,eACF,CAEA,GACE,+BACF,CAEA,uBACE,wBACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,kBAAiC,CACjC,iBACF,CAEA,0BACE,kBAAkC,CAClC,iBACF,CAEA,gCACE,kBACF,CAEA,iBACE,wBACF,CAFA,YACE,wBACF","file":"light.standalone.min.css","sourcesContent":["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: var(--text-main);\n background: var(--background);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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: var(--form-text);\n background-color: var(--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: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: var(--form-placeholder);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: var(--background-alt);\n color: var(--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 height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--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 var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background-alt);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}"]} \ No newline at end of file +{"version":3,"sources":["../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,sBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,WAAe,CAEf,yBAA0B,CAC1B,mBAAuB,CAEvB,yBAAgE,CAChE,+BAAuE,CAEvE,0BAA2B,CAC3B,gBACF,CCvBA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAEA,WACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CClEA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCnFA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,SAEE,4BAA6B,CAC7B,iBAAkB,CAClB,iBAAkB,CAClB,iBACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CCZA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"light.standalone.min.css","sourcesContent":[":root {\n --background-body: #ffffff;\n --background: #efefef;\n --background-alt: #f7f7f7;\n\n --selection: #9e9e9e;\n\n --text-main: #363636;\n --text-bright: #000000;\n\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n --form-placeholder: #949494;\n --form-text: #000000;\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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file From 9d1382935a2edd42745cfdb84c57294cc67b9ae6 Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Tue, 28 May 2019 00:07:56 +0200 Subject: [PATCH 32/44] docs: update README to reflect out-of-date state --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 4327b7f..f0b6e38 100644 --- a/README.md +++ b/README.md @@ -45,7 +45,7 @@ Just stick this in your ``: ### Other options: -> ⚡ An interactive version selection is available [here](https://watercss.netlify.com/#select-version) +> ⚡ An interactive version selection will be available soon [here](https://watercss.netlify.com/#select-version) #### Enforce a theme and ignore `(prefers-color-scheme)` @@ -81,7 +81,7 @@ And make sure to run `yarn build` before pushing any changes! Thanks for taking ## Theming -> ⚠ The theming guide is out of date! +> ⚠ The theming guide is out of date and will be updated shortly! In the mean time, check src/variables-\*.css to see your customization options. Do you want to make your own theme different from the light or dark themes? Since Water.css is built with Sass this is super easy to do. There are two methods. Also, here's a list of variables to set: From 5cf0f08d5e11075aedcbf1d0d16393045d7f1cc0 Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Tue, 28 May 2019 00:16:28 +0200 Subject: [PATCH 33/44] fix: reference correct versions in legacy default builds --- dist/dark-legacy.css | 4 ++-- dist/dark-legacy.css.map | 2 +- dist/dark-legacy.min.css | 2 +- dist/dark-legacy.min.css.map | 2 +- dist/light-legacy.css | 4 ++-- dist/light-legacy.css.map | 2 +- dist/light-legacy.min.css | 2 +- dist/light-legacy.min.css.map | 2 +- src/builds/dark-legacy.css | 5 +++-- src/builds/light-legacy.css | 5 +++-- 10 files changed, 16 insertions(+), 14 deletions(-) diff --git a/dist/dark-legacy.css b/dist/dark-legacy.css index 43034d7..dc441cb 100755 --- a/dist/dark-legacy.css +++ b/dist/dark-legacy.css @@ -1,7 +1,7 @@ -@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css'); -@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css') (prefers-color-scheme: light); +@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css'); +@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css') (prefers-color-scheme: light); /** * Dark-themed version for legacy browsers: * Loads the compiled, standalone version of the dark theme, diff --git a/dist/dark-legacy.css.map b/dist/dark-legacy.css.map index 6056281..38adc95 100644 --- a/dist/dark-legacy.css.map +++ b/dist/dark-legacy.css.map @@ -1 +1 @@ -{"version":3,"sources":["dark-legacy.css"],"names":[],"mappings":";;AAOA,qFAAqF;AACrF,oHAAoH;AARpH;;;;;EAKE","file":"dark-legacy.css","sourcesContent":["/**\n * Dark-themed version for legacy browsers:\n * Loads the compiled, standalone version of the dark theme,\n * but overrides it with the compiled, standalone version of the light theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css') (prefers-color-scheme: light);\n"]} \ No newline at end of file +{"version":3,"sources":["dark-legacy.css"],"names":[],"mappings":";;AAOA,uGAAuG;AACvG,sIAC6B;AAT7B;;;;;EAKE","file":"dark-legacy.css","sourcesContent":["/**\n * Dark-themed version for legacy browsers:\n * Loads the compiled, standalone version of the dark theme,\n * but overrides it with the compiled, standalone version of the light theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css')\n(prefers-color-scheme: light);\n"]} \ No newline at end of file diff --git a/dist/dark-legacy.min.css b/dist/dark-legacy.min.css index b8558b0..94da0ff 100755 --- a/dist/dark-legacy.min.css +++ b/dist/dark-legacy.min.css @@ -1,2 +1,2 @@ -@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css");@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css") (prefers-color-scheme: light); +@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css");@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css") (prefers-color-scheme: light); /*# sourceMappingURL=dark-legacy.min.css.map */ diff --git a/dist/dark-legacy.min.css.map b/dist/dark-legacy.min.css.map index 4d7fb14..d505260 100644 --- a/dist/dark-legacy.min.css.map +++ b/dist/dark-legacy.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["dark-legacy.css"],"names":[],"mappings":"AAOA,qFAAqF,CACrF,oHAAoH","file":"dark-legacy.min.css","sourcesContent":["/**\n * Dark-themed version for legacy browsers:\n * Loads the compiled, standalone version of the dark theme,\n * but overrides it with the compiled, standalone version of the light theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css') (prefers-color-scheme: light);\n"]} \ No newline at end of file +{"version":3,"sources":["dark-legacy.css"],"names":[],"mappings":"AAOA,uGAAuG,CACvG,sIAHE","file":"dark-legacy.min.css","sourcesContent":["/**\n * Dark-themed version for legacy browsers:\n * Loads the compiled, standalone version of the dark theme,\n * but overrides it with the compiled, standalone version of the light theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css')\n(prefers-color-scheme: light);\n"]} \ No newline at end of file diff --git a/dist/light-legacy.css b/dist/light-legacy.css index b9a521a..5024db4 100755 --- a/dist/light-legacy.css +++ b/dist/light-legacy.css @@ -1,7 +1,7 @@ -@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css'); -@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css') (prefers-color-scheme: dark); +@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css'); +@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css') (prefers-color-scheme: dark); /** * Light-themed version for legacy browsers: * Loads the compiled, standalone version of the light theme at runtime, diff --git a/dist/light-legacy.css.map b/dist/light-legacy.css.map index 32e01fe..9933d89 100644 --- a/dist/light-legacy.css.map +++ b/dist/light-legacy.css.map @@ -1 +1 @@ -{"version":3,"sources":["light-legacy.css"],"names":[],"mappings":";;AAOA,sFAAsF;AACtF,kHAAkH;AARlH;;;;;EAKE","file":"light-legacy.css","sourcesContent":["/**\n * Light-themed version for legacy browsers:\n * Loads the compiled, standalone version of the light theme at runtime,\n * but overrides it with the compiled, standalone version of the dark theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css') (prefers-color-scheme: dark);\n"]} \ No newline at end of file +{"version":3,"sources":["light-legacy.css"],"names":[],"mappings":";;AAOA,wGAAwG;AACxG,oIAC4B;AAT5B;;;;;EAKE","file":"light-legacy.css","sourcesContent":["/**\n * Light-themed version for legacy browsers:\n * Loads the compiled, standalone version of the light theme at runtime,\n * but overrides it with the compiled, standalone version of the dark theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css')\n(prefers-color-scheme: dark);\n"]} \ No newline at end of file diff --git a/dist/light-legacy.min.css b/dist/light-legacy.min.css index db050a6..a29606f 100755 --- a/dist/light-legacy.min.css +++ b/dist/light-legacy.min.css @@ -1,2 +1,2 @@ -@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css");@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css") (prefers-color-scheme: dark); +@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css");@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css") (prefers-color-scheme: dark); /*# sourceMappingURL=light-legacy.min.css.map */ diff --git a/dist/light-legacy.min.css.map b/dist/light-legacy.min.css.map index adbd50d..c571405 100644 --- a/dist/light-legacy.min.css.map +++ b/dist/light-legacy.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["light-legacy.css"],"names":[],"mappings":"AAOA,sFAAsF,CACtF,kHAAkH","file":"light-legacy.min.css","sourcesContent":["/**\n * Light-themed version for legacy browsers:\n * Loads the compiled, standalone version of the light theme at runtime,\n * but overrides it with the compiled, standalone version of the dark theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css') (prefers-color-scheme: dark);\n"]} \ No newline at end of file +{"version":3,"sources":["light-legacy.css"],"names":[],"mappings":"AAOA,wGAAwG,CACxG,oIAHE","file":"light-legacy.min.css","sourcesContent":["/**\n * Light-themed version for legacy browsers:\n * Loads the compiled, standalone version of the light theme at runtime,\n * but overrides it with the compiled, standalone version of the dark theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css')\n(prefers-color-scheme: dark);\n"]} \ No newline at end of file diff --git a/src/builds/dark-legacy.css b/src/builds/dark-legacy.css index c0170fe..85c00b9 100755 --- a/src/builds/dark-legacy.css +++ b/src/builds/dark-legacy.css @@ -5,5 +5,6 @@ * if a system-wide theme preference is set on the user's device. */ -@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css'); -@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css') (prefers-color-scheme: light); +@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css'); +@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css') +(prefers-color-scheme: light); diff --git a/src/builds/light-legacy.css b/src/builds/light-legacy.css index 064d82f..588a32d 100755 --- a/src/builds/light-legacy.css +++ b/src/builds/light-legacy.css @@ -5,5 +5,6 @@ * if a system-wide theme preference is set on the user's device. */ -@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css'); -@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css') (prefers-color-scheme: dark); +@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css'); +@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css') +(prefers-color-scheme: dark); From 216432bf8f9124e124b984117efaa076c1beeb2c Mon Sep 17 00:00:00 2001 From: Kyle Pollard Date: Mon, 27 May 2019 21:27:14 -0700 Subject: [PATCH 34/44] Moved /docs back into root --- docs/index.html => index.html | 0 docs/logo.png => logo.png | Bin docs/logo.svg => logo.svg | 0 docs/screenshot.jpg => screenshot.jpg | Bin docs/script.js => script.js | 0 5 files changed, 0 insertions(+), 0 deletions(-) rename docs/index.html => index.html (100%) rename docs/logo.png => logo.png (100%) rename docs/logo.svg => logo.svg (100%) rename docs/screenshot.jpg => screenshot.jpg (100%) rename docs/script.js => script.js (100%) diff --git a/docs/index.html b/index.html similarity index 100% rename from docs/index.html rename to index.html diff --git a/docs/logo.png b/logo.png similarity index 100% rename from docs/logo.png rename to logo.png diff --git a/docs/logo.svg b/logo.svg similarity index 100% rename from docs/logo.svg rename to logo.svg diff --git a/docs/screenshot.jpg b/screenshot.jpg similarity index 100% rename from docs/screenshot.jpg rename to screenshot.jpg diff --git a/docs/script.js b/script.js similarity index 100% rename from docs/script.js rename to script.js From 1a2d41b87be1de55852ce37bd3a0a34ffe52a386 Mon Sep 17 00:00:00 2001 From: Kyle Pollard Date: Mon, 27 May 2019 21:32:28 -0700 Subject: [PATCH 35/44] Fixed /docs references in gulpfile --- gulpfile.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/gulpfile.js b/gulpfile.js index 01f8ad0..62fb394 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -19,7 +19,7 @@ const postcssColorModFunction = require('postcss-color-mod-function').bind(null, const paths = { srcDir: 'src/*', - docsDir: 'docs/*', + docsDir: '*', styles: { src: 'src/builds/*.css', dest: 'dist' }, } @@ -117,7 +117,7 @@ function watch() { server: { baseDir: './', }, - startPath: 'docs/index.html', + startPath: 'index.html', }) gulp.watch(paths.srcDir, style) From 0a33813d10f20415b9641ce8a6fd3ac37821914a Mon Sep 17 00:00:00 2001 From: Kyle Pollard Date: Mon, 27 May 2019 21:33:24 -0700 Subject: [PATCH 36/44] Bump version to 2.0.0 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 06add2a..3a2da1b 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "water.css", - "version": "1.0.0", + "version": "2.0.0", "description": "A just-add-css collection of styles to make simple websites just a little nicer.", "main": "index.js", "scripts": { From 7712f6aab9aa469ce1cdfa247ade03a1b9432878 Mon Sep 17 00:00:00 2001 From: kimulaco Date: Wed, 29 May 2019 15:40:45 +0900 Subject: [PATCH 37/44] Update switch theme script --- index.html | 2 +- script.js | 38 +++++++++++++++++++++++++++++++++++--- 2 files changed, 36 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index a5e2472..9fda82a 100644 --- a/index.html +++ b/index.html @@ -52,7 +52,7 @@

    In fact, try resizing this page. Everything flows super nicely as you'll see.

    - +

    Element demos

    diff --git a/script.js b/script.js index 4f64f80..e7c36cc 100644 --- a/script.js +++ b/script.js @@ -1,4 +1,36 @@ -document.getElementById('switch').addEventListener('click', function() { +(function () { + const switchBtn = document.getElementById('switch'); const stylesheet = document.getElementById('stylesheet'); - stylesheet.href = stylesheet.href.replace(/dark|light/, function(replaced) { return replaced === 'dark' ? 'light' : 'dark' }); -}); \ No newline at end of file + const mql = matchMedia('(prefers-color-scheme: dark)'); + const themes = { + dark: '../dist/dark.css', + darkStandalone: '../dist/dark.standalone.css', + light: '../dist/light.css', + lightStandalone: '../dist/light.standalone.css' + }; + + switchBtn.addEventListener('click', function() { + switch (stylesheet.getAttribute('href')) { + case themes.dark: + stylesheet.href = mql.matches ? themes.lightStandalone : themes.darkStandalone; + break; + case themes.darkStandalone: + stylesheet.href = themes.lightStandalone; + break; + case themes.light || themes.lightStandalone: + stylesheet.href = mql.matches ? themes.lightStandalone : themes.darkStandalone; + break; + case themes.lightStandalone: + stylesheet.href = themes.darkStandalone; + break; + } + }); + + mql.addListener(function (mql) { + if (mql.matches) { + stylesheet.href = themes.dark; + } else { + stylesheet.href = themes.light; + } + }) +})(); From 1ce1c216c9d90b0fe8ef65507731375ba823409b Mon Sep 17 00:00:00 2001 From: kimulaco Date: Wed, 29 May 2019 18:56:36 +0900 Subject: [PATCH 38/44] Update switch rules --- script.js | 39 ++++++++++++++++++++++++--------------- 1 file changed, 24 insertions(+), 15 deletions(-) diff --git a/script.js b/script.js index e7c36cc..e19ee49 100644 --- a/script.js +++ b/script.js @@ -1,7 +1,8 @@ (function () { const switchBtn = document.getElementById('switch'); const stylesheet = document.getElementById('stylesheet'); - const mql = matchMedia('(prefers-color-scheme: dark)'); + const darkMql = matchMedia('(prefers-color-scheme: dark)'); + const lightMql = matchMedia('(prefers-color-scheme: light)'); const themes = { dark: '../dist/dark.css', darkStandalone: '../dist/dark.standalone.css', @@ -10,23 +11,31 @@ }; switchBtn.addEventListener('click', function() { - switch (stylesheet.getAttribute('href')) { - case themes.dark: - stylesheet.href = mql.matches ? themes.lightStandalone : themes.darkStandalone; - break; - case themes.darkStandalone: - stylesheet.href = themes.lightStandalone; - break; - case themes.light || themes.lightStandalone: - stylesheet.href = mql.matches ? themes.lightStandalone : themes.darkStandalone; - break; - case themes.lightStandalone: - stylesheet.href = themes.darkStandalone; - break; + const readTheme = stylesheet.getAttribute('href'); + if (readTheme === themes.dark) { + if (darkMql.matches) { + stylesheet.href = themes.lightStandalone + } else if (lightMql.matches) { + stylesheet.href = themes.darkStandalone + } else { + stylesheet.href = themes.light + } + } else if (readTheme === themes.darkStandalone) { + stylesheet.href = themes.lightStandalone + } else if (readTheme === themes.light) { + if (darkMql.matches) { + stylesheet.href = themes.lightStandalone + } else if (lightMql.matches) { + stylesheet.href = themes.darkStandalone + } else { + stylesheet.href = themes.dark + } + } else if (readTheme === themes.lightStandalone) { + stylesheet.href = themes.darkStandalone } }); - mql.addListener(function (mql) { + darkMql.addListener(function (mql) { if (mql.matches) { stylesheet.href = themes.dark; } else { From 5de6636a1b711e9ba1d4ed6428381c5c26a72ddf Mon Sep 17 00:00:00 2001 From: kimulaco Date: Wed, 29 May 2019 22:33:08 +0900 Subject: [PATCH 39/44] Add ThemeSwitcher --- script.js | 105 +++++++++++++++++++++++++++++++++--------------------- 1 file changed, 65 insertions(+), 40 deletions(-) diff --git a/script.js b/script.js index e19ee49..369d922 100644 --- a/script.js +++ b/script.js @@ -1,45 +1,70 @@ -(function () { - const switchBtn = document.getElementById('switch'); - const stylesheet = document.getElementById('stylesheet'); - const darkMql = matchMedia('(prefers-color-scheme: dark)'); - const lightMql = matchMedia('(prefers-color-scheme: light)'); +(function (ThemeSwitcher) { + const themeSwitcher = new ThemeSwitcher('stylesheet'); + const themeSwitch = document.getElementById('theme-switch'); const themes = { - dark: '../dist/dark.css', - darkStandalone: '../dist/dark.standalone.css', - light: '../dist/light.css', - lightStandalone: '../dist/light.standalone.css' + dark: 'dark', + darkStandalone: 'dark.standalone', + light: 'light', + lightStandalone: 'light.standalone' + }; + const getSwitchThemePath = function () { + // Case: switch to "light.standalone.css" + if ( + (themeSwitcher.current === themes.dark) && themeSwitcher.isDark || + (themeSwitcher.current === themes.light) && themeSwitcher.isDark || + themeSwitcher.current === themes.darkStandalone + ) { + return themes.lightStandalone + + // Case: switch to "dark.standalone.css" + } else if ( + (themeSwitcher.current === themes.dark) && themeSwitcher.isLight || + (themeSwitcher.current === themes.light) && themeSwitcher.isLight || + themeSwitcher.current === themes.lightStandalone + ) { + return themes.darkStandalone; + + // Case: switch to "light.css" + } else if (themeSwitcher.current === themes.dark) { + return themes.light; + + // Case: switch to "dark.css" + } else if (themeSwitcher.current === themes.light) { + return themes.dark; + + // Case: switch destination is unknown + } else { + return themeSwitcher.current; + } }; - switchBtn.addEventListener('click', function() { - const readTheme = stylesheet.getAttribute('href'); - if (readTheme === themes.dark) { - if (darkMql.matches) { - stylesheet.href = themes.lightStandalone - } else if (lightMql.matches) { - stylesheet.href = themes.darkStandalone - } else { - stylesheet.href = themes.light - } - } else if (readTheme === themes.darkStandalone) { - stylesheet.href = themes.lightStandalone - } else if (readTheme === themes.light) { - if (darkMql.matches) { - stylesheet.href = themes.lightStandalone - } else if (lightMql.matches) { - stylesheet.href = themes.darkStandalone - } else { - stylesheet.href = themes.dark - } - } else if (readTheme === themes.lightStandalone) { - stylesheet.href = themes.darkStandalone - } + themeSwitch.addEventListener('click', function() { + themeSwitcher.switch(getSwitchThemePath()); }); +})( + (function () { + const ThemeSwitcher = function(stylesheet) { + const darkSchemeMql = matchMedia('(prefers-color-scheme: dark)'); + const lightSchemeMql = matchMedia('(prefers-color-scheme: light)'); - darkMql.addListener(function (mql) { - if (mql.matches) { - stylesheet.href = themes.dark; - } else { - stylesheet.href = themes.light; - } - }) -})(); + this.themeDir = '../dist/'; + this.stylesheet = document.getElementById(stylesheet); + this.current = this.getThemeName(this.stylesheet.href); + this.isDark = darkSchemeMql.matches; + this.isLight = lightSchemeMql.matches; + }; + + ThemeSwitcher.prototype = { + switch: function (themeName) { + this.stylesheet.href = this.themeDir + themeName + '.css'; + this.current = themeName; + }, + getThemeName: function () { + const reg = new RegExp(this.themeDir + '(|.+?).css'); + return stylesheet.getAttribute('href').replace(reg, '$1'); + } + }; + + return ThemeSwitcher; + })() +); From b5e06b5768510ffbd815da4695c875dc73910336 Mon Sep 17 00:00:00 2001 From: kimulaco Date: Wed, 29 May 2019 22:45:30 +0900 Subject: [PATCH 40/44] Update themeSwitcher event --- script.js | 36 +++++++++++++++++++++++++++++++----- 1 file changed, 31 insertions(+), 5 deletions(-) diff --git a/script.js b/script.js index 369d922..b027b37 100644 --- a/script.js +++ b/script.js @@ -1,13 +1,13 @@ (function (ThemeSwitcher) { const themeSwitcher = new ThemeSwitcher('stylesheet'); - const themeSwitch = document.getElementById('theme-switch'); + const themeSwitchBtn = document.getElementById('switch'); const themes = { dark: 'dark', darkStandalone: 'dark.standalone', light: 'light', lightStandalone: 'light.standalone' }; - const getSwitchThemePath = function () { + const getSwitchThemeName = function () { // Case: switch to "light.standalone.css" if ( (themeSwitcher.current === themes.dark) && themeSwitcher.isDark || @@ -37,21 +37,45 @@ return themeSwitcher.current; } }; + const getGeneralThemeName = function () { + return themeSwitcher.current.replace(/\.standalone/g, ''); + }; - themeSwitch.addEventListener('click', function() { - themeSwitcher.switch(getSwitchThemePath()); + themeSwitchBtn.addEventListener('click', function() { + themeSwitcher.switch(getSwitchThemeName()); }); + + themeSwitcher.onChangeDark = function () { + themeSwitcher.switch(getGeneralThemeName()); + }; + + themeSwitcher.onChangeLight = function () { + themeSwitcher.switch(getGeneralThemeName()); + }; })( (function () { const ThemeSwitcher = function(stylesheet) { const darkSchemeMql = matchMedia('(prefers-color-scheme: dark)'); const lightSchemeMql = matchMedia('(prefers-color-scheme: light)'); + const that = this; this.themeDir = '../dist/'; this.stylesheet = document.getElementById(stylesheet); this.current = this.getThemeName(this.stylesheet.href); this.isDark = darkSchemeMql.matches; this.isLight = lightSchemeMql.matches; + + darkSchemeMql.addListener(function (mql) { + if (mql.matches && typeof that.onChangeDark === 'function') { + that.onChangeDark() + } + }); + + lightSchemeMql.addListener(function (mql) { + if (mql.matches && typeof that.onChangeLight === 'function') { + that.onChangeLight() + } + }); }; ThemeSwitcher.prototype = { @@ -62,7 +86,9 @@ getThemeName: function () { const reg = new RegExp(this.themeDir + '(|.+?).css'); return stylesheet.getAttribute('href').replace(reg, '$1'); - } + }, + onChangeDark: null, + onChangeLight: null }; return ThemeSwitcher; From a5f398435271053fde3df04a3dff016a80235927 Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Sat, 1 Jun 2019 03:03:13 +0200 Subject: [PATCH 41/44] feat: add icons --- icon-dark.svg | 1 + icon-light.svg | 1 + icons/android-chrome-192x192.png | Bin 0 -> 11974 bytes icons/android-chrome-512x512.png | Bin 0 -> 18630 bytes icons/apple-touch-icon.png | Bin 0 -> 6610 bytes icons/browserconfig.xml | 12 ++++++++++++ icons/favicon-16x16.png | Bin 0 -> 1591 bytes icons/favicon-32x32.png | Bin 0 -> 2371 bytes icons/favicon.ico | Bin 0 -> 15086 bytes icons/mstile-150x150.png | Bin 0 -> 7658 bytes icons/mstile-310x150.png | Bin 0 -> 8250 bytes icons/mstile-310x310.png | Bin 0 -> 16721 bytes icons/mstile-70x70.png | Bin 0 -> 5411 bytes icons/safari-pinned-tab.svg | 22 ++++++++++++++++++++++ icons/site.webmanifest | 19 +++++++++++++++++++ index.html | 12 ++++++++++++ 16 files changed, 67 insertions(+) create mode 100755 icon-dark.svg create mode 100755 icon-light.svg create mode 100755 icons/android-chrome-192x192.png create mode 100755 icons/android-chrome-512x512.png create mode 100755 icons/apple-touch-icon.png create mode 100755 icons/browserconfig.xml create mode 100755 icons/favicon-16x16.png create mode 100755 icons/favicon-32x32.png create mode 100755 icons/favicon.ico create mode 100755 icons/mstile-150x150.png create mode 100755 icons/mstile-310x150.png create mode 100755 icons/mstile-310x310.png create mode 100755 icons/mstile-70x70.png create mode 100755 icons/safari-pinned-tab.svg create mode 100755 icons/site.webmanifest diff --git a/icon-dark.svg b/icon-dark.svg new file mode 100755 index 0000000..087974e --- /dev/null +++ b/icon-dark.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icon-light.svg b/icon-light.svg new file mode 100755 index 0000000..08333fb --- /dev/null +++ b/icon-light.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/android-chrome-192x192.png b/icons/android-chrome-192x192.png new file mode 100755 index 0000000000000000000000000000000000000000..51674994d34eb2ba9a6191982ead5efee221a254 GIT binary patch literal 11974 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 eJ@ay!r@|jPsCC3_)Af|YJ$z^1x6nA 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

    %b2)TCvE=_q)Z))F)TjBYpAdnW87 z%M+eA*+fSLopDefoYcN=Ea^Zh!c2cs|D*YmNYIowv*^3V*wqOtEoT7v?g?!T6L`N{ z?xA!Kj5AiK#>XeD&SxOO#lNS?%x3kM+1umgfVZo7pyZ(=U?MKimmEn9g*sP601+Een(Vk(zBOli6*0Ss+ZRTg%y6iP_PtQMf(EN_aL@s&F z1bf=x{qz}+29ahfzo?m-3HP)aSEB{}fts5l6C7!d`Xat@8pm&3csUc*7j|62EUR5a zI5!i!?7wEbPIdwPw?bFqyX}+T+Er`HPtGx~Z%?sq)43;Ve9B(@`m;L#jnV!3a}u<( zI>}!N&8_f$^7(*3vUsDBZwm{j0j-pLNHsI0!+oS9+}_&}{DH1ZT$2-(kQSA=W-M_X zE_DqqDJ={>NJ!*2d?EJC{@)keJsn(~0{{OnY^}MZfETV3R{+1j1Go3|3iNh$c0odV zp0NM(4-uHJk0Z><+tKl1U~$&Zr{E3l|NVx8qmR9}s~6JM(*yD`)VKvhsHsX{larPf zy)Jgmv|>^N4F30j4|c!r;p=qY9_j1t=>7kWcFSP^r6h>$|BUu@aD4dx4twr!M*Jxn z(;#Crq~U#kn3uPwlj}oA7&6ey5e9Z*5AFfwEdHW7|LCrOK)?RLXT-80M8-ocW=~De zL$Cdkfs7t@J6x*6fsCit7&b8et+(@YCwnL5K)B{BEiq_~`4aNitsCIF6lgwH)4N@H I%l7I20wZ5i!2kdN literal 0 HcmV?d00001 diff --git a/icons/apple-touch-icon.png b/icons/apple-touch-icon.png new file mode 100755 index 0000000000000000000000000000000000000000..4aacc522982b0e04c9974dcd56e3a5a12c33a26e GIT binary patch literal 6610 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 + + + + + + + + #00aba9 + + + diff --git a/icons/favicon-16x16.png b/icons/favicon-16x16.png new file mode 100755 index 0000000000000000000000000000000000000000..2ab553ab12d31daa27e36f1881fea66a3d47f65a GIT binary patch literal 1591 zcmb7Ec~DbF9DXq>QBYA(3JJbA!m=<3LZrnrnY?(B2oT59j}N%8Ld|;vq@*d#Eu8U@ z(hGrmiv|V#N}k|o=-y=M8E=mSY5S9G1$K*s#x5w_VXT{X=~k4py`!~tV$6XvuSV;S z_g_Ap9WawUKzW=^%&>P}n_MzOr;04qJo?Ggry}=k4CgQORDah{<4^Iks;ut#b5+dc z30Xq%vAG8cC7xkQ^r5Z1w>@`6!~j}F>g>H} z%!;MCwG07QJ2dDPp;#9s*dDTlTD)oBgr>bZqOX5_-$VS9TyB{u!o0^4eFN$+x#>%{ z_(tA$Y{jf!p4K_SA+mV0Q~ovgMJELE!{xh{1ib@P&NB!~CqdAd5Q3;>5M+^BaV69jY?Xw!KAa7^_=G&s2VT%;>GiZywO+4h zG-?6)e_jeqpc?c9njOv)09yxwz2`ar{Lj8*wCG?L3iG0#(exewn>83l^9M|zq22t5 z!o!Rv9iv%CZc@2IAR8P_CXXy>^ z0$cPT7cd{kG1$O+p^1KI0u6Sh!mboMEXggd*#GQ=tv%k>(G8fibs*yTa@H?~LNMN& z7;_XCoM7unL=$~&F|Iy`yTO2@#Bz4KKCo4f5Bu8225sj=w!?V<^G+PmN0W5m%24{X zn^b{iZgUKXaE;pUUo{R^5;$RA(gR~)Ud*4sit2athJ=EhV9WU-;Ea5D5J>MTjTTj` zGwLXsrOnOJDz%j=o$B4(oK81Xsnu4|0GRVFnbqlLOHfy}+N&r8suYDlAbrjazmLWc zP+%BDOmGlu!P}I-dO@%#m9sewf{e`!4FQ!`tOlf!oV$T-q*;iV=j>og(X9cLhRb4v zuf8V|3ZDv9!$YHL_2`gTC5#mcV^t%X-3yR={kOxV4EpWjd?TE4;JOBn>+I}=hw&z1 z=;wH4Cv3lXBsWi~v~<{-X*%!3PQJ%@>B;> zQKe`*a->axQ5^8IhP)Q}cx=OZ7J%tG%Gmfz-A0EzVd&$n^^N=Qx-$4fK+J7Hoht_UPx4HdwZM-`={X3FAY;F!yq8G|0GV1 z-kC0q7Rl3P64{sP#0v9Sptk<3P7zCzzLe#Ob>Qqnky+saIX`+goGMF^#wST&d1k5v z22Q}mol&8gGC}Q%z~OFf?Ca-_@F66|m?$zf!Q{Mhx-P9yP@n? h+9-|sayUPHMTEvImdmFC*A{~k5SJaoIv*&^{Rb7FfT#cf literal 0 HcmV?d00001 diff --git a/icons/favicon-32x32.png b/icons/favicon-32x32.png new file mode 100755 index 0000000000000000000000000000000000000000..547ba5abc4cf5a53438cd3d740d7988857e6fb6f GIT binary patch literal 2371 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 GWd93!0qCLt literal 0 HcmV?d00001 diff --git a/icons/favicon.ico b/icons/favicon.ico new file mode 100755 index 0000000000000000000000000000000000000000..4810c23c6876343a539fde1b7de3d3a57a1a8fb4 GIT binary patch literal 15086 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 Jr!6$l{vXh7Mymh- literal 0 HcmV?d00001 diff --git a/icons/mstile-150x150.png b/icons/mstile-150x150.png new file mode 100755 index 0000000000000000000000000000000000000000..b37065ccdc46f3f98991d60f291bf33d200b07e2 GIT binary patch literal 7658 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 literal 0 HcmV?d00001 diff --git a/icons/mstile-310x150.png b/icons/mstile-310x150.png new file mode 100755 index 0000000000000000000000000000000000000000..379ebd7a2ae40c8d652417be2473b5923872ad3f GIT binary patch literal 8250 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 Pjxk(A|9;s$>lgnAQg>1q literal 0 HcmV?d00001 diff --git a/icons/mstile-310x310.png b/icons/mstile-310x310.png new file mode 100755 index 0000000000000000000000000000000000000000..e1230b313b9aa9c41d45b460ae82c718586b08cb GIT binary patch literal 16721 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 literal 0 HcmV?d00001 diff --git a/icons/safari-pinned-tab.svg b/icons/safari-pinned-tab.svg new file mode 100755 index 0000000..2f1cf28 --- /dev/null +++ b/icons/safari-pinned-tab.svg @@ -0,0 +1,22 @@ + + + + +Created by potrace 1.11, written by Peter Selinger 2001-2013 + + + + + diff --git a/icons/site.webmanifest b/icons/site.webmanifest new file mode 100755 index 0000000..a57bfca --- /dev/null +++ b/icons/site.webmanifest @@ -0,0 +1,19 @@ +{ + "name": "Water.css", + "short_name": "Water.css", + "icons": [ + { + "src": "/icons/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/icons/android-chrome-512x512.png", + "sizes": "512x512", + "type": "image/png" + } + ], + "theme_color": "#ffffff", + "background_color": "#ffffff", + "display": "standalone" +} diff --git a/index.html b/index.html index 9fda82a..ecb501e 100644 --- a/index.html +++ b/index.html @@ -5,6 +5,18 @@ Water.css + + + + + + + + + + + + + + - \ No newline at end of file + diff --git a/script.js b/script.js index b027b37..8282fb8 100644 --- a/script.js +++ b/script.js @@ -1,4 +1,22 @@ -(function (ThemeSwitcher) { +!(function() { + const iconModeSwitcher = window.faviconModeSwitcher && faviconModeSwitcher.default + if (!iconModeSwitcher) return + iconModeSwitcher([ + { + element: 'link[rel="shortcut icon"]', + href: { dark: '/icons/light-favicon.ico' } + }, + { + element: 'link[rel="icon"][sizes="16x16"]', + href: { dark: '/icons/light-favicon-16x16.png' } + }, + { + element: 'link[rel="icon"][sizes="32x32"]', + href: { dark: '/icons/light-favicon-32x32.png' } + } + ]) +})() +;(function (ThemeSwitcher) { const themeSwitcher = new ThemeSwitcher('stylesheet'); const themeSwitchBtn = document.getElementById('switch'); const themes = { From 28a84ab3f683c517529ac45dfbfad5df221d6cf4 Mon Sep 17 00:00:00 2001 From: asoback <31739297+asoback@users.noreply.github.com> Date: Wed, 5 Jun 2019 21:33:30 -0500 Subject: [PATCH 44/44] Updates to CSS variables for issue #32 --- dist/dark-legacy.css.map | 2 +- dist/dark-legacy.min.css.map | 2 +- dist/dark-legacy.standalone.css | 54 ++++++++++++++++++++++-- dist/dark-legacy.standalone.css.map | 2 +- dist/dark-legacy.standalone.min.css | 2 +- dist/dark-legacy.standalone.min.css.map | 2 +- dist/dark.css | 43 +++++++++++++++++-- dist/dark.css.map | 2 +- dist/dark.min.css | 2 +- dist/dark.min.css.map | 2 +- dist/dark.standalone.css | 40 ++++++++++++++++-- dist/dark.standalone.css.map | 2 +- dist/dark.standalone.min.css | 2 +- dist/dark.standalone.min.css.map | 2 +- dist/light-legacy.css.map | 2 +- dist/light-legacy.min.css.map | 2 +- dist/light-legacy.standalone.css | 54 ++++++++++++++++++++++-- dist/light-legacy.standalone.css.map | 2 +- dist/light-legacy.standalone.min.css | 2 +- dist/light-legacy.standalone.min.css.map | 2 +- dist/light.css | 43 +++++++++++++++++-- dist/light.css.map | 2 +- dist/light.min.css | 2 +- dist/light.min.css.map | 2 +- dist/light.standalone.css | 40 ++++++++++++++++-- dist/light.standalone.css.map | 2 +- dist/light.standalone.min.css | 2 +- dist/light.standalone.min.css.map | 2 +- index.html | 9 +++- src/parts/_code.css | 20 +++++++-- src/parts/_typography.css | 17 +++++++- src/variables-dark.css | 3 ++ src/variables-light.css | 3 ++ 33 files changed, 319 insertions(+), 51 deletions(-) diff --git a/dist/dark-legacy.css.map b/dist/dark-legacy.css.map index 38adc95..ad079d2 100644 --- a/dist/dark-legacy.css.map +++ b/dist/dark-legacy.css.map @@ -1 +1 @@ -{"version":3,"sources":["dark-legacy.css"],"names":[],"mappings":";;AAOA,uGAAuG;AACvG,sIAC6B;AAT7B;;;;;EAKE","file":"dark-legacy.css","sourcesContent":["/**\n * Dark-themed version for legacy browsers:\n * Loads the compiled, standalone version of the dark theme,\n * but overrides it with the compiled, standalone version of the light theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css')\n(prefers-color-scheme: light);\n"]} \ No newline at end of file +{"version":3,"sources":["dark-legacy.css"],"names":[],"mappings":";;AAOA,uGAAuG;AACvG,sIAC6B;AAT7B;;;;;EAKE","file":"dark-legacy.css","sourcesContent":["/**\r\n * Dark-themed version for legacy browsers:\r\n * Loads the compiled, standalone version of the dark theme,\r\n * but overrides it with the compiled, standalone version of the light theme\r\n * if a system-wide theme preference is set on the user's device.\r\n */\r\n\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css');\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css')\r\n(prefers-color-scheme: light);\r\n"]} \ No newline at end of file diff --git a/dist/dark-legacy.min.css.map b/dist/dark-legacy.min.css.map index d505260..cd93b2d 100644 --- a/dist/dark-legacy.min.css.map +++ b/dist/dark-legacy.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["dark-legacy.css"],"names":[],"mappings":"AAOA,uGAAuG,CACvG,sIAHE","file":"dark-legacy.min.css","sourcesContent":["/**\n * Dark-themed version for legacy browsers:\n * Loads the compiled, standalone version of the dark theme,\n * but overrides it with the compiled, standalone version of the light theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css')\n(prefers-color-scheme: light);\n"]} \ No newline at end of file +{"version":3,"sources":["dark-legacy.css"],"names":[],"mappings":"AAOA,uGAAuG,CACvG,sIAHE","file":"dark-legacy.min.css","sourcesContent":["/**\r\n * Dark-themed version for legacy browsers:\r\n * Loads the compiled, standalone version of the dark theme,\r\n * but overrides it with the compiled, standalone version of the light theme\r\n * if a system-wide theme preference is set on the user's device.\r\n */\r\n\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css');\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css')\r\n(prefers-color-scheme: light);\r\n"]} \ No newline at end of file diff --git a/dist/dark-legacy.standalone.css b/dist/dark-legacy.standalone.css index 75301ea..43dc058 100755 --- a/dist/dark-legacy.standalone.css +++ b/dist/dark-legacy.standalone.css @@ -96,7 +96,22 @@ th { font-weight: 600; } -blockquote { +q:before { + content: none; +} + +q:after { + content: none; +} + +blockquote{ + border-left: 4px solid #0096bfab; + margin: 1.5em 0em; + padding: 0.5em 1em; + font-style: italic; +} + +q{ border-left: 4px solid #0096bfab; margin: 1.5em 0em; padding: 0.5em 1em; @@ -128,6 +143,13 @@ a[href^='sms']::before { content: '💬 '; } +mark { + background-color: #efdb43; + border-radius: 2px; + padding: 0px 2px 0px 2px; + color: #000000; +} + button, input[type='submit'], input[type='button'], @@ -295,17 +317,27 @@ a:hover { } code { - background: #161f27; + background: #161f27; color: #ffbe85; padding: 2.5px 5px; border-radius: 6px; + font-size: 1em; } -kbd { - background: #161f27; +samp { + background: #161f27; color: #ffbe85; padding: 2.5px 5px; border-radius: 6px; + font-size: 1em; +} + +time { + background: #161f27; + color: #ffbe85; + padding: 2.5px 5px; + border-radius: 6px; + font-size: 1em; } pre > code { @@ -314,6 +346,20 @@ pre > code { overflow-x: auto; } +var { + color: #d941e2; + font-style: normal; + font-family: monospace; +} + +kbd { + background: #161f27; + border: 1px solid #dbdbdb; + border-radius: 2px; + color: #dbdbdb; + padding: 2px 4px 2px 4px; +} + img { max-width: 100%; height: auto; diff --git a/dist/dark-legacy.standalone.css.map b/dist/dark-legacy.standalone.css.map index de0604a..263963c 100644 --- a/dist/dark-legacy.standalone.css.map +++ b/dist/dark-legacy.standalone.css.map @@ -1 +1 @@ -{"version":3,"sources":["dark-legacy.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"dark-legacy.standalone.css","sourcesContent":["/**\n * Standalone dark-themed version for legacy browsers.\n * Includes dark variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n\n@import '../variables-dark.css';\n@import '../parts/_core.css';\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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file +{"version":3,"sources":["dark-legacy.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"dark-legacy.standalone.css","sourcesContent":["/**\r\n * Standalone dark-themed version for legacy browsers.\r\n * Includes dark variables and core, compiled at build time so the final output\r\n * will only include regular CSS, no variables.\r\n */\r\n\r\n@import '../variables-dark.css';\r\n@import '../parts/_core.css';\r\n","body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: var(--text-main);\r\n background: var(--background-body);\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color var(--animation-duration) linear,\r\n border-color var(--animation-duration) linear,\r\n color var(--animation-duration) linear,\r\n box-shadow var(--animation-duration) linear,\r\n transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n font-weight: 600;\r\n}\r\n\r\nq:before {\r\n content: none;\r\n}\r\n\r\nq:after {\r\n content: none;\r\n}\r\n\r\nblockquote , q{\r\n border-left: 4px solid var(--focus);\r\n margin: 1.5em 0em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n content: '💬 ';\r\n}\r\n\r\nmark {\r\n background-color: var(--highlight);\r\n border-radius: 2px;\r\n padding: 0px 2px 0px 2px;\r\n color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n color: var(--form-text);\r\n background-color: var(--background);\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n color: var(--form-placeholder);\r\n}\r\n","a {\r\n text-decoration: none;\r\n color: var(--links);\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, samp, time {\r\n background: var(--background);\r\n color: var(--code);\r\n padding: 2.5px 5px;\r\n border-radius: 6px;\r\n font-size: 1em;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}\r\n\r\nvar {\r\n color: var(--variable);\r\n font-style: normal;\r\n font-family: monospace;\r\n}\r\n\r\nkbd {\r\n background: var(--background);\r\n border: 1px solid var(--border);\r\n border-radius: 2px;\r\n color: var(--text-main);\r\n padding: 2px 4px 2px 4px;\r\n}","img {\r\n max-width: 100%;\r\n height: auto;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: var(--background);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: var(--scrollbar-thumb);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n background-color: var(--selection);\r\n}\r\n"]} \ No newline at end of file diff --git a/dist/dark-legacy.standalone.min.css b/dist/dark-legacy.standalone.min.css index c58beed..671b808 100755 --- a/dist/dark-legacy.standalone.min.css +++ b/dist/dark-legacy.standalone.min.css @@ -1,2 +1,2 @@ -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:2.5px 5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}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:#1a242f}::-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}::-moz-selection{background-color:#161f27}::selection{background-color:#161f27} +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}q:after,q:before{content:none}blockquote,q{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:"💬 "}mark{background-color:#efdb43;border-radius:2px;padding:0 2px;color:#000}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,samp,time{background:#161f27;color:#ffbe85;padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:#d941e2;font-style:normal;font-family:monospace}kbd{background:#161f27;border:1px solid #dbdbdb;border-radius:2px;color:#dbdbdb;padding:2px 4px}img{max-width:100%;height:auto}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:#1a242f}::-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}::-moz-selection{background-color:#161f27}::selection{background-color:#161f27} /*# sourceMappingURL=dark-legacy.standalone.min.css.map */ diff --git a/dist/dark-legacy.standalone.min.css.map b/dist/dark-legacy.standalone.min.css.map index 44440ac..1583a38 100644 --- a/dist/dark-legacy.standalone.min.css.map +++ b/dist/dark-legacy.standalone.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aAAuB,CACvB,kBAAkC,CAElC,iCACF,CAEA,sBACE,wHAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,UACF,CAEA,8BASE,eACF,CAEA,WACE,yCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CClEA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,UAAuB,CACvB,wBAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,kBACF,CAEA,qDAIE,wCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CCnFA,EACE,oBAAqB,CACrB,aACF,CAEA,QACE,yBACF,CCPA,SAEE,kBAA6B,CAC7B,aAAkB,CAClB,iBAAkB,CAClB,iBACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CCZA,IACE,cAAe,CACf,WACF,CAEA,GAEE,WAAmC,CAAnC,4BACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,+BACF,CAEA,uBACE,wBACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,kBAA6B,CAC7B,iBACF,CAEA,0BACE,kBAAkC,CAClC,iBACF,CAEA,gCACE,kBACF,CAEA,iBACE,wBACF,CAFA,YACE,wBACF","file":"dark-legacy.standalone.min.css","sourcesContent":["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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file +{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aAAuB,CACvB,kBAAkC,CAElC,iCACF,CAEA,sBACE,wHAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,UACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,yCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,wBAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,UAAuB,CACvB,wBAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,kBACF,CAEA,qDAIE,wCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CCnFA,EACE,oBAAqB,CACrB,aACF,CAEA,QACE,yBACF,CCPA,eACE,kBAA8B,CAC9B,aAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,aAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,kBAA6B,CAC7B,wBAA+B,CAC/B,iBAAkB,CAClB,aAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GAEE,WAAmC,CAAnC,4BACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,+BACF,CAEA,uBACE,wBACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,kBAA6B,CAC7B,iBACF,CAEA,0BACE,kBAAkC,CAClC,iBACF,CAEA,gCACE,kBACF,CAEA,iBACE,wBACF,CAFA,YACE,wBACF","file":"dark-legacy.standalone.min.css","sourcesContent":["body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: var(--text-main);\r\n background: var(--background-body);\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color var(--animation-duration) linear,\r\n border-color var(--animation-duration) linear,\r\n color var(--animation-duration) linear,\r\n box-shadow var(--animation-duration) linear,\r\n transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n font-weight: 600;\r\n}\r\n\r\nq:before {\r\n content: none;\r\n}\r\n\r\nq:after {\r\n content: none;\r\n}\r\n\r\nblockquote , q{\r\n border-left: 4px solid var(--focus);\r\n margin: 1.5em 0em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n content: '💬 ';\r\n}\r\n\r\nmark {\r\n background-color: var(--highlight);\r\n border-radius: 2px;\r\n padding: 0px 2px 0px 2px;\r\n color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n color: var(--form-text);\r\n background-color: var(--background);\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n color: var(--form-placeholder);\r\n}\r\n","a {\r\n text-decoration: none;\r\n color: var(--links);\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, samp, time {\r\n background: var(--background);\r\n color: var(--code);\r\n padding: 2.5px 5px;\r\n border-radius: 6px;\r\n font-size: 1em;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}\r\n\r\nvar {\r\n color: var(--variable);\r\n font-style: normal;\r\n font-family: monospace;\r\n}\r\n\r\nkbd {\r\n background: var(--background);\r\n border: 1px solid var(--border);\r\n border-radius: 2px;\r\n color: var(--text-main);\r\n padding: 2px 4px 2px 4px;\r\n}","img {\r\n max-width: 100%;\r\n height: auto;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: var(--background);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: var(--scrollbar-thumb);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n background-color: var(--selection);\r\n}\r\n"]} \ No newline at end of file diff --git a/dist/dark.css b/dist/dark.css index 653fba1..10f9dfd 100644 --- a/dist/dark.css +++ b/dist/dark.css @@ -30,6 +30,9 @@ --form-placeholder: #a9a9a9; --form-text: #ffffff; + + --variable: #d941e2; + --highlight: #efdb43; } @media (prefers-color-scheme: light) { @@ -56,6 +59,9 @@ --form-placeholder: #949494; --form-text: #000000; + + --variable: #39a33c; + --highlight: #ffff00; } } @@ -117,7 +123,15 @@ th { font-weight: 600; } -blockquote { +q:before { + content: none; +} + +q:after { + content: none; +} + +blockquote , q{ border-left: 4px solid var(--focus); margin: 1.5em 0em; padding: 0.5em 1em; @@ -149,6 +163,13 @@ a[href^='sms']::before { content: '💬 '; } +mark { + background-color: var(--highlight); + border-radius: 2px; + padding: 0px 2px 0px 2px; + color: #000000; +} + button, input[type='submit'], input[type='button'], @@ -255,12 +276,12 @@ a:hover { text-decoration: underline; } -code, -kbd { - background: var(--background); +code, samp, time { + background: var(--background); color: var(--code); padding: 2.5px 5px; border-radius: 6px; + font-size: 1em; } pre > code { @@ -269,6 +290,20 @@ pre > code { overflow-x: auto; } +var { + color: var(--variable); + font-style: normal; + font-family: monospace; +} + +kbd { + background: var(--background); + border: 1px solid var(--border); + border-radius: 2px; + color: var(--text-main); + padding: 2px 4px 2px 4px; +} + img { max-width: 100%; height: auto; diff --git a/dist/dark.css.map b/dist/dark.css.map index c2f5c3b..d732014 100644 --- a/dist/dark.css.map +++ b/dist/dark.css.map @@ -1 +1 @@ -{"version":3,"sources":["dark.css","../variables-dark.css","../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"dark.css","sourcesContent":["/**\n * Dark-themed version:\n * uses dark theme by default but switches to light theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-dark.css';\n@import '../variables-light.css' (prefers-color-scheme: light);\n\n@import '../parts/_core.css';\n",":root {\n --background-body: #202b38;\n --background: #161f27;\n --background-alt: #1a242f;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: var(--button-hover);\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n",":root {\n --background-body: #ffffff;\n --background: #efefef;\n --background-alt: #f7f7f7;\n\n --selection: #9e9e9e;\n\n --text-main: #363636;\n --text-bright: #000000;\n\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n --form-placeholder: #949494;\n --form-text: #000000;\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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file +{"version":3,"sources":["dark.css","../variables-dark.css","../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"dark.css","sourcesContent":["/**\r\n * Dark-themed version:\r\n * uses dark theme by default but switches to light theme\r\n * if a system-wide theme preference is set on the user's device.\r\n *\r\n * Variables will remain uncompiled so the theme can update dynamically\r\n * at runtime in the browser.\r\n */\r\n\r\n@import '../variables-dark.css';\r\n@import '../variables-light.css' (prefers-color-scheme: light);\r\n\r\n@import '../parts/_core.css';\r\n",":root {\r\n --background-body: #202b38;\r\n --background: #161f27;\r\n --background-alt: #1a242f;\r\n\r\n --selection: #161f27;\r\n\r\n --text-main: #dbdbdb;\r\n --text-bright: #ffffff;\r\n\r\n --links: #41adff;\r\n --focus: #0096bfab;\r\n --border: #dbdbdb;\r\n --code: #ffbe85;\r\n\r\n --animation-duration: 0.1s;\r\n --button-hover: #324759;\r\n\r\n --scrollbar-thumb: var(--button-hover);\r\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\r\n\r\n --form-placeholder: #a9a9a9;\r\n --form-text: #ffffff;\r\n\r\n --variable: #d941e2;\r\n --highlight: #efdb43;\r\n}\r\n",":root {\r\n --background-body: #ffffff;\r\n --background: #efefef;\r\n --background-alt: #f7f7f7;\r\n\r\n --selection: #9e9e9e;\r\n\r\n --text-main: #363636;\r\n --text-bright: #000000;\r\n\r\n --links: #0076d1;\r\n --focus: #0096bfab;\r\n --border: #dbdbdb;\r\n --code: #000000;\r\n\r\n --animation-duration: 0.1s;\r\n --button-hover: #dddddd;\r\n\r\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\r\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\r\n\r\n --form-placeholder: #949494;\r\n --form-text: #000000;\r\n\r\n --variable: #39a33c;\r\n --highlight: #ffff00;\r\n}\r\n","body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: var(--text-main);\r\n background: var(--background-body);\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color var(--animation-duration) linear,\r\n border-color var(--animation-duration) linear,\r\n color var(--animation-duration) linear,\r\n box-shadow var(--animation-duration) linear,\r\n transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n font-weight: 600;\r\n}\r\n\r\nq:before {\r\n content: none;\r\n}\r\n\r\nq:after {\r\n content: none;\r\n}\r\n\r\nblockquote , q{\r\n border-left: 4px solid var(--focus);\r\n margin: 1.5em 0em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n content: '💬 ';\r\n}\r\n\r\nmark {\r\n background-color: var(--highlight);\r\n border-radius: 2px;\r\n padding: 0px 2px 0px 2px;\r\n color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n color: var(--form-text);\r\n background-color: var(--background);\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n color: var(--form-placeholder);\r\n}\r\n","a {\r\n text-decoration: none;\r\n color: var(--links);\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, samp, time {\r\n background: var(--background);\r\n color: var(--code);\r\n padding: 2.5px 5px;\r\n border-radius: 6px;\r\n font-size: 1em;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}\r\n\r\nvar {\r\n color: var(--variable);\r\n font-style: normal;\r\n font-family: monospace;\r\n}\r\n\r\nkbd {\r\n background: var(--background);\r\n border: 1px solid var(--border);\r\n border-radius: 2px;\r\n color: var(--text-main);\r\n padding: 2px 4px 2px 4px;\r\n}","img {\r\n max-width: 100%;\r\n height: auto;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: var(--background);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: var(--scrollbar-thumb);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n background-color: var(--selection);\r\n}\r\n"]} \ No newline at end of file diff --git a/dist/dark.min.css b/dist/dark.min.css index 2cb6704..83d512e 100644 --- a/dist/dark.min.css +++ b/dist/dark.min.css @@ -1,2 +1,2 @@ -:root{--background-body:#202b38;--background:#161f27;--background-alt:#1a242f;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--links:#41adff;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#ffbe85;--animation-duration:0.1s;--button-hover:#324759;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:#415c73;--form-placeholder:#a9a9a9;--form-text:#fff}@media (prefers-color-scheme:light){:root{--background-body:#fff;--background:#efefef;--background-alt:#f7f7f7;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--links:#0076d1;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#000;--animation-duration:0.1s;--button-hover:#ddd;--scrollbar-thumb:#2c3f4f;--scrollbar-thumb-hover:#202d38;--form-placeholder:#949494;--form-text:#000}}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:var(--text-main);background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) 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:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid var(--focus);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:var(--form-text);background-color:var(--background);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:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}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:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,kbd{background:var(--background);color:var(--code);padding:2.5px 5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)} +:root{--background-body:#202b38;--background:#161f27;--background-alt:#1a242f;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--links:#41adff;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#ffbe85;--animation-duration:0.1s;--button-hover:#324759;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:#415c73;--form-placeholder:#a9a9a9;--form-text:#fff;--variable:#d941e2;--highlight:#efdb43}@media (prefers-color-scheme:light){:root{--background-body:#fff;--background:#efefef;--background-alt:#f7f7f7;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--links:#0076d1;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#000;--animation-duration:0.1s;--button-hover:#ddd;--scrollbar-thumb:#2c3f4f;--scrollbar-thumb-hover:#202d38;--form-placeholder:#949494;--form-text:#000;--variable:#39a33c;--highlight:#ff0}}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:var(--text-main);background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) 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:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote,q{border-left:4px solid var(--focus);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:"💬 "}mark{background-color:var(--highlight);border-radius:2px;padding:0 2px;color:#000}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:var(--form-text);background-color:var(--background);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:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}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:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,samp,time{background:var(--background);color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:var(--variable);font-style:normal;font-family:monospace}kbd{background:var(--background);border:1px solid var(--border);border-radius:2px;color:var(--text-main);padding:2px 4px}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)} /*# sourceMappingURL=dark.min.css.map */ diff --git a/dist/dark.min.css.map b/dist/dark.min.css.map index 8743e02..2d7845a 100644 --- a/dist/dark.min.css.map +++ b/dist/dark.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["../variables-dark.css","../variables-light.css","dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,yBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,cAAe,CAEf,yBAA0B,CAC1B,sBAAuB,CAEvB,qCAAsC,CACtC,+BAAyE,CAEzE,0BAA2B,CAC3B,gBACF,CCvBA,oCAAA,MACE,sBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,WAAe,CAEf,yBAA0B,CAC1B,mBAAuB,CAEvB,yBAAgE,CAChE,+BAAuE,CAEvE,0BAA2B,CAC3B,gBACF,CCoCA,CC3DA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAEA,WACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CClEA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCnFA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,SAEE,4BAA6B,CAC7B,iBAAkB,CAClB,iBAAkB,CAClB,iBACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CCZA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"dark.min.css","sourcesContent":[":root {\n --background-body: #202b38;\n --background: #161f27;\n --background-alt: #1a242f;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: var(--button-hover);\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n",":root {\n --background-body: #ffffff;\n --background: #efefef;\n --background-alt: #f7f7f7;\n\n --selection: #9e9e9e;\n\n --text-main: #363636;\n --text-bright: #000000;\n\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n --form-placeholder: #949494;\n --form-text: #000000;\n}\n","/**\n * Dark-themed version:\n * uses dark theme by default but switches to light theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-dark.css';\n@import '../variables-light.css' (prefers-color-scheme: light);\n\n@import '../parts/_core.css';\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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file +{"version":3,"sources":["../variables-dark.css","../variables-light.css","dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,yBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,cAAe,CAEf,yBAA0B,CAC1B,sBAAuB,CAEvB,qCAAsC,CACtC,+BAAyE,CAEzE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,mBACF,CC1BA,oCAAA,MACE,sBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,WAAe,CAEf,yBAA0B,CAC1B,mBAAuB,CAEvB,yBAAgE,CAChE,+BAAuE,CAEvE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,gBACF,CCuCA,CCjEA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,iCAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCnFA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,eACE,4BAA8B,CAC9B,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,qBAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,4BAA6B,CAC7B,8BAA+B,CAC/B,iBAAkB,CAClB,sBAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"dark.min.css","sourcesContent":[":root {\r\n --background-body: #202b38;\r\n --background: #161f27;\r\n --background-alt: #1a242f;\r\n\r\n --selection: #161f27;\r\n\r\n --text-main: #dbdbdb;\r\n --text-bright: #ffffff;\r\n\r\n --links: #41adff;\r\n --focus: #0096bfab;\r\n --border: #dbdbdb;\r\n --code: #ffbe85;\r\n\r\n --animation-duration: 0.1s;\r\n --button-hover: #324759;\r\n\r\n --scrollbar-thumb: var(--button-hover);\r\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\r\n\r\n --form-placeholder: #a9a9a9;\r\n --form-text: #ffffff;\r\n\r\n --variable: #d941e2;\r\n --highlight: #efdb43;\r\n}\r\n",":root {\r\n --background-body: #ffffff;\r\n --background: #efefef;\r\n --background-alt: #f7f7f7;\r\n\r\n --selection: #9e9e9e;\r\n\r\n --text-main: #363636;\r\n --text-bright: #000000;\r\n\r\n --links: #0076d1;\r\n --focus: #0096bfab;\r\n --border: #dbdbdb;\r\n --code: #000000;\r\n\r\n --animation-duration: 0.1s;\r\n --button-hover: #dddddd;\r\n\r\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\r\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\r\n\r\n --form-placeholder: #949494;\r\n --form-text: #000000;\r\n\r\n --variable: #39a33c;\r\n --highlight: #ffff00;\r\n}\r\n","/**\r\n * Dark-themed version:\r\n * uses dark theme by default but switches to light theme\r\n * if a system-wide theme preference is set on the user's device.\r\n *\r\n * Variables will remain uncompiled so the theme can update dynamically\r\n * at runtime in the browser.\r\n */\r\n\r\n@import '../variables-dark.css';\r\n@import '../variables-light.css' (prefers-color-scheme: light);\r\n\r\n@import '../parts/_core.css';\r\n","body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: var(--text-main);\r\n background: var(--background-body);\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color var(--animation-duration) linear,\r\n border-color var(--animation-duration) linear,\r\n color var(--animation-duration) linear,\r\n box-shadow var(--animation-duration) linear,\r\n transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n font-weight: 600;\r\n}\r\n\r\nq:before {\r\n content: none;\r\n}\r\n\r\nq:after {\r\n content: none;\r\n}\r\n\r\nblockquote , q{\r\n border-left: 4px solid var(--focus);\r\n margin: 1.5em 0em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n content: '💬 ';\r\n}\r\n\r\nmark {\r\n background-color: var(--highlight);\r\n border-radius: 2px;\r\n padding: 0px 2px 0px 2px;\r\n color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n color: var(--form-text);\r\n background-color: var(--background);\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n color: var(--form-placeholder);\r\n}\r\n","a {\r\n text-decoration: none;\r\n color: var(--links);\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, samp, time {\r\n background: var(--background);\r\n color: var(--code);\r\n padding: 2.5px 5px;\r\n border-radius: 6px;\r\n font-size: 1em;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}\r\n\r\nvar {\r\n color: var(--variable);\r\n font-style: normal;\r\n font-family: monospace;\r\n}\r\n\r\nkbd {\r\n background: var(--background);\r\n border: 1px solid var(--border);\r\n border-radius: 2px;\r\n color: var(--text-main);\r\n padding: 2px 4px 2px 4px;\r\n}","img {\r\n max-width: 100%;\r\n height: auto;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: var(--background);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: var(--scrollbar-thumb);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n background-color: var(--selection);\r\n}\r\n"]} \ No newline at end of file diff --git a/dist/dark.standalone.css b/dist/dark.standalone.css index 6d9649a..6081fa6 100755 --- a/dist/dark.standalone.css +++ b/dist/dark.standalone.css @@ -27,6 +27,9 @@ --form-placeholder: #a9a9a9; --form-text: #ffffff; + + --variable: #d941e2; + --highlight: #efdb43; } body { @@ -87,7 +90,15 @@ th { font-weight: 600; } -blockquote { +q:before { + content: none; +} + +q:after { + content: none; +} + +blockquote , q{ border-left: 4px solid var(--focus); margin: 1.5em 0em; padding: 0.5em 1em; @@ -119,6 +130,13 @@ a[href^='sms']::before { content: '💬 '; } +mark { + background-color: var(--highlight); + border-radius: 2px; + padding: 0px 2px 0px 2px; + color: #000000; +} + button, input[type='submit'], input[type='button'], @@ -225,12 +243,12 @@ a:hover { text-decoration: underline; } -code, -kbd { - background: var(--background); +code, samp, time { + background: var(--background); color: var(--code); padding: 2.5px 5px; border-radius: 6px; + font-size: 1em; } pre > code { @@ -239,6 +257,20 @@ pre > code { overflow-x: auto; } +var { + color: var(--variable); + font-style: normal; + font-family: monospace; +} + +kbd { + background: var(--background); + border: 1px solid var(--border); + border-radius: 2px; + color: var(--text-main); + padding: 2px 4px 2px 4px; +} + img { max-width: 100%; height: auto; diff --git a/dist/dark.standalone.css.map b/dist/dark.standalone.css.map index a715285..b26a3af 100644 --- a/dist/dark.standalone.css.map +++ b/dist/dark.standalone.css.map @@ -1 +1 @@ -{"version":3,"sources":["dark.standalone.css","../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA;;;;EAIE;;ACJF;EACE,0BAA0B;EAC1B,qBAAqB;EACrB,yBAAyB;;EAEzB,oBAAoB;;EAEpB,oBAAoB;EACpB,sBAAsB;;EAEtB,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;;EAEf,0BAA0B;EAC1B,uBAAuB;;EAEvB,sCAAsC;EACtC,yCAAyE;;EAEzE,2BAA2B;EAC3B,oBAAoB;AACtB;;ACvBA;EACE,yKAAyK;EACzK,gBAAgB;;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;;EAEf,uBAAuB;EACvB,kCAAkC;;EAElC,kCAAkC;AACpC;;AAEA;EACE;;;;sDAIoD;AACtD;;ACpBA;EACE,gBAAgB;EAChB,aAAa;AACf;;AAEA;;;;;;EAME,mBAAmB;AACrB;;AAEA;;;;;;;EAOE,yBAAyB;AAC3B;;AAEA;;;;;;;;;EASE,gBAAgB;AAClB;;AAEA;EACE,mCAAmC;EACnC,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AClEA;;;;EAIE,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;;;;EAIE,uBAAuB;EACvB,mCAAmC;;EAEnC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAEA;;;;EAIE,wBAAwB;AAC1B;;AAEA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;;;EAGE,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;;;EAGE,+BAA+B;AACjC;;AAEA;;;;EAIE,kCAAkC;AACpC;;AAEA;;;;;EAKE,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;ACnFA;EACE,qBAAqB;EACrB,mBAAmB;AACrB;;AAEA;EACE,0BAA0B;AAC5B;;ACPA;;EAEE,6BAA6B;EAC7B,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;AAClB;;ACZA;EACE,eAAe;EACf,YAAY;AACd;;AAEA;EACE,YAAY;EACZ,mCAAmC;AACrC;;AAEA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;AACb;;AAEA;;EAEE,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,kCAAkC;EAClC,kBAAkB;AACpB;;AAEA;EACE,wCAAwC;AAC1C;;AAEA;EACE,kCAAkC;AACpC;;AAFA;EACE,kCAAkC;AACpC","file":"dark.standalone.css","sourcesContent":["/**\n * Standalone dark-themed version.\n * Includes dark variables and core, left as CSS variables\n * so the theming can be adjusted at runtime.\n */\n\n@import '../variables-dark.css';\n@import '../parts/_core.css';\n",":root {\n --background-body: #202b38;\n --background: #161f27;\n --background-alt: #1a242f;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: var(--button-hover);\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file +{"version":3,"sources":["dark.standalone.css","../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA;;;;EAIE;;ACJF;EACE,0BAA0B;EAC1B,qBAAqB;EACrB,yBAAyB;;EAEzB,oBAAoB;;EAEpB,oBAAoB;EACpB,sBAAsB;;EAEtB,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;;EAEf,0BAA0B;EAC1B,uBAAuB;;EAEvB,sCAAsC;EACtC,yCAAyE;;EAEzE,2BAA2B;EAC3B,oBAAoB;;EAEpB,mBAAmB;EACnB,oBAAoB;AACtB;;AC1BA;EACE,yKAAyK;EACzK,gBAAgB;;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;;EAEf,uBAAuB;EACvB,kCAAkC;;EAElC,kCAAkC;AACpC;;AAEA;EACE;;;;sDAIoD;AACtD;;ACpBA;EACE,gBAAgB;EAChB,aAAa;AACf;;AAEA;;;;;;EAME,mBAAmB;AACrB;;AAEA;;;;;;;EAOE,yBAAyB;AAC3B;;AAEA;;;;;;;;;EASE,gBAAgB;AAClB;;AAEA;GACG,aAAa;AAChB;;AAEA;GACG,aAAa;AAChB;;AAEA;EACE,mCAAmC;EACnC,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,kCAAkC;EAClC,kBAAkB;EAClB,wBAAwB;EACxB,cAAc;AAChB;;ACjFA;;;;EAIE,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;;;;EAIE,uBAAuB;EACvB,mCAAmC;;EAEnC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAEA;;;;EAIE,wBAAwB;AAC1B;;AAEA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;;;EAGE,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;;;EAGE,+BAA+B;AACjC;;AAEA;;;;EAIE,kCAAkC;AACpC;;AAEA;;;;;EAKE,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;ACnFA;EACE,qBAAqB;EACrB,mBAAmB;AACrB;;AAEA;EACE,0BAA0B;AAC5B;;ACPA;EACE,8BAA8B;EAC9B,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,cAAc;AAChB;;AAEA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;AAClB;;AAEA;EACE,sBAAsB;EACtB,kBAAkB;EAClB,sBAAsB;AACxB;;AAEA;EACE,6BAA6B;EAC7B,+BAA+B;EAC/B,kBAAkB;EAClB,uBAAuB;EACvB,wBAAwB;AAC1B;;AC1BA;EACE,eAAe;EACf,YAAY;AACd;;AAEA;EACE,YAAY;EACZ,mCAAmC;AACrC;;AAEA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;AACb;;AAEA;;EAEE,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,kCAAkC;EAClC,kBAAkB;AACpB;;AAEA;EACE,wCAAwC;AAC1C;;AAEA;EACE,kCAAkC;AACpC;;AAFA;EACE,kCAAkC;AACpC","file":"dark.standalone.css","sourcesContent":["/**\r\n * Standalone dark-themed version.\r\n * Includes dark variables and core, left as CSS variables\r\n * so the theming can be adjusted at runtime.\r\n */\r\n\r\n@import '../variables-dark.css';\r\n@import '../parts/_core.css';\r\n",":root {\r\n --background-body: #202b38;\r\n --background: #161f27;\r\n --background-alt: #1a242f;\r\n\r\n --selection: #161f27;\r\n\r\n --text-main: #dbdbdb;\r\n --text-bright: #ffffff;\r\n\r\n --links: #41adff;\r\n --focus: #0096bfab;\r\n --border: #dbdbdb;\r\n --code: #ffbe85;\r\n\r\n --animation-duration: 0.1s;\r\n --button-hover: #324759;\r\n\r\n --scrollbar-thumb: var(--button-hover);\r\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\r\n\r\n --form-placeholder: #a9a9a9;\r\n --form-text: #ffffff;\r\n\r\n --variable: #d941e2;\r\n --highlight: #efdb43;\r\n}\r\n","body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: var(--text-main);\r\n background: var(--background-body);\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color var(--animation-duration) linear,\r\n border-color var(--animation-duration) linear,\r\n color var(--animation-duration) linear,\r\n box-shadow var(--animation-duration) linear,\r\n transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n font-weight: 600;\r\n}\r\n\r\nq:before {\r\n content: none;\r\n}\r\n\r\nq:after {\r\n content: none;\r\n}\r\n\r\nblockquote , q{\r\n border-left: 4px solid var(--focus);\r\n margin: 1.5em 0em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n content: '💬 ';\r\n}\r\n\r\nmark {\r\n background-color: var(--highlight);\r\n border-radius: 2px;\r\n padding: 0px 2px 0px 2px;\r\n color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n color: var(--form-text);\r\n background-color: var(--background);\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n color: var(--form-placeholder);\r\n}\r\n","a {\r\n text-decoration: none;\r\n color: var(--links);\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, samp, time {\r\n background: var(--background);\r\n color: var(--code);\r\n padding: 2.5px 5px;\r\n border-radius: 6px;\r\n font-size: 1em;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}\r\n\r\nvar {\r\n color: var(--variable);\r\n font-style: normal;\r\n font-family: monospace;\r\n}\r\n\r\nkbd {\r\n background: var(--background);\r\n border: 1px solid var(--border);\r\n border-radius: 2px;\r\n color: var(--text-main);\r\n padding: 2px 4px 2px 4px;\r\n}","img {\r\n max-width: 100%;\r\n height: auto;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: var(--background);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: var(--scrollbar-thumb);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n background-color: var(--selection);\r\n}\r\n"]} \ No newline at end of file diff --git a/dist/dark.standalone.min.css b/dist/dark.standalone.min.css index 32f68d1..deea9d7 100755 --- a/dist/dark.standalone.min.css +++ b/dist/dark.standalone.min.css @@ -1,2 +1,2 @@ -:root{--background-body:#202b38;--background:#161f27;--background-alt:#1a242f;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--links:#41adff;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#ffbe85;--animation-duration:0.1s;--button-hover:#324759;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:#415c73;--form-placeholder:#a9a9a9;--form-text:#fff}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:var(--text-main);background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) 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:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid var(--focus);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:var(--form-text);background-color:var(--background);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:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}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:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,kbd{background:var(--background);color:var(--code);padding:2.5px 5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)} +:root{--background-body:#202b38;--background:#161f27;--background-alt:#1a242f;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--links:#41adff;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#ffbe85;--animation-duration:0.1s;--button-hover:#324759;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:#415c73;--form-placeholder:#a9a9a9;--form-text:#fff;--variable:#d941e2;--highlight:#efdb43}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:var(--text-main);background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) 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:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote,q{border-left:4px solid var(--focus);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:"💬 "}mark{background-color:var(--highlight);border-radius:2px;padding:0 2px;color:#000}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:var(--form-text);background-color:var(--background);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:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}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:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,samp,time{background:var(--background);color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:var(--variable);font-style:normal;font-family:monospace}kbd{background:var(--background);border:1px solid var(--border);border-radius:2px;color:var(--text-main);padding:2px 4px}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)} /*# sourceMappingURL=dark.standalone.min.css.map */ diff --git a/dist/dark.standalone.min.css.map b/dist/dark.standalone.min.css.map index 122c7d3..631f0c1 100644 --- a/dist/dark.standalone.min.css.map +++ b/dist/dark.standalone.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,yBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,cAAe,CAEf,yBAA0B,CAC1B,sBAAuB,CAEvB,qCAAsC,CACtC,+BAAyE,CAEzE,0BAA2B,CAC3B,gBACF,CCvBA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAEA,WACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CClEA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCnFA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,SAEE,4BAA6B,CAC7B,iBAAkB,CAClB,iBAAkB,CAClB,iBACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CCZA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"dark.standalone.min.css","sourcesContent":[":root {\n --background-body: #202b38;\n --background: #161f27;\n --background-alt: #1a242f;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: var(--button-hover);\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file +{"version":3,"sources":["../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,yBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,cAAe,CAEf,yBAA0B,CAC1B,sBAAuB,CAEvB,qCAAsC,CACtC,+BAAyE,CAEzE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,mBACF,CC1BA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,iCAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCnFA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,eACE,4BAA8B,CAC9B,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,qBAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,4BAA6B,CAC7B,8BAA+B,CAC/B,iBAAkB,CAClB,sBAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"dark.standalone.min.css","sourcesContent":[":root {\r\n --background-body: #202b38;\r\n --background: #161f27;\r\n --background-alt: #1a242f;\r\n\r\n --selection: #161f27;\r\n\r\n --text-main: #dbdbdb;\r\n --text-bright: #ffffff;\r\n\r\n --links: #41adff;\r\n --focus: #0096bfab;\r\n --border: #dbdbdb;\r\n --code: #ffbe85;\r\n\r\n --animation-duration: 0.1s;\r\n --button-hover: #324759;\r\n\r\n --scrollbar-thumb: var(--button-hover);\r\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\r\n\r\n --form-placeholder: #a9a9a9;\r\n --form-text: #ffffff;\r\n\r\n --variable: #d941e2;\r\n --highlight: #efdb43;\r\n}\r\n","body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: var(--text-main);\r\n background: var(--background-body);\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color var(--animation-duration) linear,\r\n border-color var(--animation-duration) linear,\r\n color var(--animation-duration) linear,\r\n box-shadow var(--animation-duration) linear,\r\n transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n font-weight: 600;\r\n}\r\n\r\nq:before {\r\n content: none;\r\n}\r\n\r\nq:after {\r\n content: none;\r\n}\r\n\r\nblockquote , q{\r\n border-left: 4px solid var(--focus);\r\n margin: 1.5em 0em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n content: '💬 ';\r\n}\r\n\r\nmark {\r\n background-color: var(--highlight);\r\n border-radius: 2px;\r\n padding: 0px 2px 0px 2px;\r\n color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n color: var(--form-text);\r\n background-color: var(--background);\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n color: var(--form-placeholder);\r\n}\r\n","a {\r\n text-decoration: none;\r\n color: var(--links);\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, samp, time {\r\n background: var(--background);\r\n color: var(--code);\r\n padding: 2.5px 5px;\r\n border-radius: 6px;\r\n font-size: 1em;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}\r\n\r\nvar {\r\n color: var(--variable);\r\n font-style: normal;\r\n font-family: monospace;\r\n}\r\n\r\nkbd {\r\n background: var(--background);\r\n border: 1px solid var(--border);\r\n border-radius: 2px;\r\n color: var(--text-main);\r\n padding: 2px 4px 2px 4px;\r\n}","img {\r\n max-width: 100%;\r\n height: auto;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: var(--background);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: var(--scrollbar-thumb);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n background-color: var(--selection);\r\n}\r\n"]} \ No newline at end of file diff --git a/dist/light-legacy.css.map b/dist/light-legacy.css.map index 9933d89..b74a704 100644 --- a/dist/light-legacy.css.map +++ b/dist/light-legacy.css.map @@ -1 +1 @@ -{"version":3,"sources":["light-legacy.css"],"names":[],"mappings":";;AAOA,wGAAwG;AACxG,oIAC4B;AAT5B;;;;;EAKE","file":"light-legacy.css","sourcesContent":["/**\n * Light-themed version for legacy browsers:\n * Loads the compiled, standalone version of the light theme at runtime,\n * but overrides it with the compiled, standalone version of the dark theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css')\n(prefers-color-scheme: dark);\n"]} \ No newline at end of file +{"version":3,"sources":["light-legacy.css"],"names":[],"mappings":";;AAOA,wGAAwG;AACxG,oIAC4B;AAT5B;;;;;EAKE","file":"light-legacy.css","sourcesContent":["/**\r\n * Light-themed version for legacy browsers:\r\n * Loads the compiled, standalone version of the light theme at runtime,\r\n * but overrides it with the compiled, standalone version of the dark theme\r\n * if a system-wide theme preference is set on the user's device.\r\n */\r\n\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css');\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css')\r\n(prefers-color-scheme: dark);\r\n"]} \ No newline at end of file diff --git a/dist/light-legacy.min.css.map b/dist/light-legacy.min.css.map index c571405..e1d123b 100644 --- a/dist/light-legacy.min.css.map +++ b/dist/light-legacy.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["light-legacy.css"],"names":[],"mappings":"AAOA,wGAAwG,CACxG,oIAHE","file":"light-legacy.min.css","sourcesContent":["/**\n * Light-themed version for legacy browsers:\n * Loads the compiled, standalone version of the light theme at runtime,\n * but overrides it with the compiled, standalone version of the dark theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css')\n(prefers-color-scheme: dark);\n"]} \ No newline at end of file +{"version":3,"sources":["light-legacy.css"],"names":[],"mappings":"AAOA,wGAAwG,CACxG,oIAHE","file":"light-legacy.min.css","sourcesContent":["/**\r\n * Light-themed version for legacy browsers:\r\n * Loads the compiled, standalone version of the light theme at runtime,\r\n * but overrides it with the compiled, standalone version of the dark theme\r\n * if a system-wide theme preference is set on the user's device.\r\n */\r\n\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css');\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css')\r\n(prefers-color-scheme: dark);\r\n"]} \ No newline at end of file diff --git a/dist/light-legacy.standalone.css b/dist/light-legacy.standalone.css index 3dca038..54c7dbf 100755 --- a/dist/light-legacy.standalone.css +++ b/dist/light-legacy.standalone.css @@ -96,7 +96,22 @@ th { font-weight: 600; } -blockquote { +q:before { + content: none; +} + +q:after { + content: none; +} + +blockquote{ + border-left: 4px solid #0096bfab; + margin: 1.5em 0em; + padding: 0.5em 1em; + font-style: italic; +} + +q{ border-left: 4px solid #0096bfab; margin: 1.5em 0em; padding: 0.5em 1em; @@ -128,6 +143,13 @@ a[href^='sms']::before { content: '💬 '; } +mark { + background-color: #ffff00; + border-radius: 2px; + padding: 0px 2px 0px 2px; + color: #000000; +} + button, input[type='submit'], input[type='button'], @@ -295,17 +317,27 @@ a:hover { } code { - background: #efefef; + background: #efefef; color: #000000; padding: 2.5px 5px; border-radius: 6px; + font-size: 1em; } -kbd { - background: #efefef; +samp { + background: #efefef; color: #000000; padding: 2.5px 5px; border-radius: 6px; + font-size: 1em; +} + +time { + background: #efefef; + color: #000000; + padding: 2.5px 5px; + border-radius: 6px; + font-size: 1em; } pre > code { @@ -314,6 +346,20 @@ pre > code { overflow-x: auto; } +var { + color: #39a33c; + font-style: normal; + font-family: monospace; +} + +kbd { + background: #efefef; + border: 1px solid #dbdbdb; + border-radius: 2px; + color: #363636; + padding: 2px 4px 2px 4px; +} + img { max-width: 100%; height: auto; diff --git a/dist/light-legacy.standalone.css.map b/dist/light-legacy.standalone.css.map index 0818ea5..61aa5b9 100644 --- a/dist/light-legacy.standalone.css.map +++ b/dist/light-legacy.standalone.css.map @@ -1 +1 @@ -{"version":3,"sources":["light-legacy.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"light-legacy.standalone.css","sourcesContent":["/**\n * Standalone light-themed version for legacy browsers.\n * Includes light variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n\n@import '../variables-light.css';\n@import '../parts/_core.css';\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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file +{"version":3,"sources":["light-legacy.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"light-legacy.standalone.css","sourcesContent":["/**\r\n * Standalone light-themed version for legacy browsers.\r\n * Includes light variables and core, compiled at build time so the final output\r\n * will only include regular CSS, no variables.\r\n */\r\n\r\n@import '../variables-light.css';\r\n@import '../parts/_core.css';\r\n","body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: var(--text-main);\r\n background: var(--background-body);\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color var(--animation-duration) linear,\r\n border-color var(--animation-duration) linear,\r\n color var(--animation-duration) linear,\r\n box-shadow var(--animation-duration) linear,\r\n transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n font-weight: 600;\r\n}\r\n\r\nq:before {\r\n content: none;\r\n}\r\n\r\nq:after {\r\n content: none;\r\n}\r\n\r\nblockquote , q{\r\n border-left: 4px solid var(--focus);\r\n margin: 1.5em 0em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n content: '💬 ';\r\n}\r\n\r\nmark {\r\n background-color: var(--highlight);\r\n border-radius: 2px;\r\n padding: 0px 2px 0px 2px;\r\n color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n color: var(--form-text);\r\n background-color: var(--background);\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n color: var(--form-placeholder);\r\n}\r\n","a {\r\n text-decoration: none;\r\n color: var(--links);\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, samp, time {\r\n background: var(--background);\r\n color: var(--code);\r\n padding: 2.5px 5px;\r\n border-radius: 6px;\r\n font-size: 1em;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}\r\n\r\nvar {\r\n color: var(--variable);\r\n font-style: normal;\r\n font-family: monospace;\r\n}\r\n\r\nkbd {\r\n background: var(--background);\r\n border: 1px solid var(--border);\r\n border-radius: 2px;\r\n color: var(--text-main);\r\n padding: 2px 4px 2px 4px;\r\n}","img {\r\n max-width: 100%;\r\n height: auto;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: var(--background);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: var(--scrollbar-thumb);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n background-color: var(--selection);\r\n}\r\n"]} \ No newline at end of file diff --git a/dist/light-legacy.standalone.min.css b/dist/light-legacy.standalone.min.css index af5f464..5d55091 100755 --- a/dist/light-legacy.standalone.min.css +++ b/dist/light-legacy.standalone.min.css @@ -1,2 +1,2 @@ -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:2.5px 5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}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:#f7f7f7}::-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}::-moz-selection{background-color:#9e9e9e}::selection{background-color:#9e9e9e} +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}q:after,q:before{content:none}blockquote,q{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:"💬 "}mark{background-color:#ff0;border-radius:2px;padding:0 2px;color:#000}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,samp,time{background:#efefef;color:#000;padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:#39a33c;font-style:normal;font-family:monospace}kbd{background:#efefef;border:1px solid #dbdbdb;border-radius:2px;color:#363636;padding:2px 4px}img{max-width:100%;height:auto}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:#f7f7f7}::-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}::-moz-selection{background-color:#9e9e9e}::selection{background-color:#9e9e9e} /*# sourceMappingURL=light-legacy.standalone.min.css.map */ diff --git a/dist/light-legacy.standalone.min.css.map b/dist/light-legacy.standalone.min.css.map index 0bc7158..52207be 100644 --- a/dist/light-legacy.standalone.min.css.map +++ b/dist/light-legacy.standalone.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aAAuB,CACvB,eAAkC,CAElC,iCACF,CAEA,sBACE,wHAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,UACF,CAEA,8BASE,eACF,CAEA,WACE,yCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CClEA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,UAAuB,CACvB,wBAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,eACF,CAEA,qDAIE,wCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CCnFA,EACE,oBAAqB,CACrB,aACF,CAEA,QACE,yBACF,CCPA,SAEE,kBAA6B,CAC7B,UAAkB,CAClB,iBAAkB,CAClB,iBACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CCZA,IACE,cAAe,CACf,WACF,CAEA,GAEE,WAAmC,CAAnC,4BACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,+BACF,CAEA,uBACE,wBACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,kBAA6B,CAC7B,iBACF,CAEA,0BACE,kBAAkC,CAClC,iBACF,CAEA,gCACE,kBACF,CAEA,iBACE,wBACF,CAFA,YACE,wBACF","file":"light-legacy.standalone.min.css","sourcesContent":["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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file +{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aAAuB,CACvB,eAAkC,CAElC,iCACF,CAEA,sBACE,wHAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,UACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,yCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,qBAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,UAAuB,CACvB,wBAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,eACF,CAEA,qDAIE,wCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CCnFA,EACE,oBAAqB,CACrB,aACF,CAEA,QACE,yBACF,CCPA,eACE,kBAA8B,CAC9B,UAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,aAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,kBAA6B,CAC7B,wBAA+B,CAC/B,iBAAkB,CAClB,aAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GAEE,WAAmC,CAAnC,4BACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,+BACF,CAEA,uBACE,wBACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,kBAA6B,CAC7B,iBACF,CAEA,0BACE,kBAAkC,CAClC,iBACF,CAEA,gCACE,kBACF,CAEA,iBACE,wBACF,CAFA,YACE,wBACF","file":"light-legacy.standalone.min.css","sourcesContent":["body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: var(--text-main);\r\n background: var(--background-body);\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color var(--animation-duration) linear,\r\n border-color var(--animation-duration) linear,\r\n color var(--animation-duration) linear,\r\n box-shadow var(--animation-duration) linear,\r\n transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n font-weight: 600;\r\n}\r\n\r\nq:before {\r\n content: none;\r\n}\r\n\r\nq:after {\r\n content: none;\r\n}\r\n\r\nblockquote , q{\r\n border-left: 4px solid var(--focus);\r\n margin: 1.5em 0em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n content: '💬 ';\r\n}\r\n\r\nmark {\r\n background-color: var(--highlight);\r\n border-radius: 2px;\r\n padding: 0px 2px 0px 2px;\r\n color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n color: var(--form-text);\r\n background-color: var(--background);\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n color: var(--form-placeholder);\r\n}\r\n","a {\r\n text-decoration: none;\r\n color: var(--links);\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, samp, time {\r\n background: var(--background);\r\n color: var(--code);\r\n padding: 2.5px 5px;\r\n border-radius: 6px;\r\n font-size: 1em;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}\r\n\r\nvar {\r\n color: var(--variable);\r\n font-style: normal;\r\n font-family: monospace;\r\n}\r\n\r\nkbd {\r\n background: var(--background);\r\n border: 1px solid var(--border);\r\n border-radius: 2px;\r\n color: var(--text-main);\r\n padding: 2px 4px 2px 4px;\r\n}","img {\r\n max-width: 100%;\r\n height: auto;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: var(--background);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: var(--scrollbar-thumb);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n background-color: var(--selection);\r\n}\r\n"]} \ No newline at end of file diff --git a/dist/light.css b/dist/light.css index 31fa25e..c942e79 100644 --- a/dist/light.css +++ b/dist/light.css @@ -30,6 +30,9 @@ --form-placeholder: #949494; --form-text: #000000; + + --variable: #39a33c; + --highlight: #ffff00; } @media (prefers-color-scheme: dark) { @@ -56,6 +59,9 @@ --form-placeholder: #a9a9a9; --form-text: #ffffff; + + --variable: #d941e2; + --highlight: #efdb43; } } @@ -117,7 +123,15 @@ th { font-weight: 600; } -blockquote { +q:before { + content: none; +} + +q:after { + content: none; +} + +blockquote , q{ border-left: 4px solid var(--focus); margin: 1.5em 0em; padding: 0.5em 1em; @@ -149,6 +163,13 @@ a[href^='sms']::before { content: '💬 '; } +mark { + background-color: var(--highlight); + border-radius: 2px; + padding: 0px 2px 0px 2px; + color: #000000; +} + button, input[type='submit'], input[type='button'], @@ -255,12 +276,12 @@ a:hover { text-decoration: underline; } -code, -kbd { - background: var(--background); +code, samp, time { + background: var(--background); color: var(--code); padding: 2.5px 5px; border-radius: 6px; + font-size: 1em; } pre > code { @@ -269,6 +290,20 @@ pre > code { overflow-x: auto; } +var { + color: var(--variable); + font-style: normal; + font-family: monospace; +} + +kbd { + background: var(--background); + border: 1px solid var(--border); + border-radius: 2px; + color: var(--text-main); + padding: 2px 4px 2px 4px; +} + img { max-width: 100%; height: auto; diff --git a/dist/light.css.map b/dist/light.css.map index d95855d..445e4bd 100644 --- a/dist/light.css.map +++ b/dist/light.css.map @@ -1 +1 @@ -{"version":3,"sources":["light.css","../variables-light.css","../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"light.css","sourcesContent":["/**\n * Light-themed version:\n * uses light theme by default but switches to dark theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-light.css';\n@import '../variables-dark.css' (prefers-color-scheme: dark);\n\n\n@import '../parts/_core.css';",":root {\n --background-body: #ffffff;\n --background: #efefef;\n --background-alt: #f7f7f7;\n\n --selection: #9e9e9e;\n\n --text-main: #363636;\n --text-bright: #000000;\n\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n --form-placeholder: #949494;\n --form-text: #000000;\n}\n",":root {\n --background-body: #202b38;\n --background: #161f27;\n --background-alt: #1a242f;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: var(--button-hover);\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file +{"version":3,"sources":["light.css","../variables-light.css","../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"light.css","sourcesContent":["/**\r\n * Light-themed version:\r\n * uses light theme by default but switches to dark theme\r\n * if a system-wide theme preference is set on the user's device.\r\n *\r\n * Variables will remain uncompiled so the theme can update dynamically\r\n * at runtime in the browser.\r\n */\r\n\r\n@import '../variables-light.css';\r\n@import '../variables-dark.css' (prefers-color-scheme: dark);\r\n\r\n\r\n@import '../parts/_core.css';",":root {\r\n --background-body: #ffffff;\r\n --background: #efefef;\r\n --background-alt: #f7f7f7;\r\n\r\n --selection: #9e9e9e;\r\n\r\n --text-main: #363636;\r\n --text-bright: #000000;\r\n\r\n --links: #0076d1;\r\n --focus: #0096bfab;\r\n --border: #dbdbdb;\r\n --code: #000000;\r\n\r\n --animation-duration: 0.1s;\r\n --button-hover: #dddddd;\r\n\r\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\r\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\r\n\r\n --form-placeholder: #949494;\r\n --form-text: #000000;\r\n\r\n --variable: #39a33c;\r\n --highlight: #ffff00;\r\n}\r\n",":root {\r\n --background-body: #202b38;\r\n --background: #161f27;\r\n --background-alt: #1a242f;\r\n\r\n --selection: #161f27;\r\n\r\n --text-main: #dbdbdb;\r\n --text-bright: #ffffff;\r\n\r\n --links: #41adff;\r\n --focus: #0096bfab;\r\n --border: #dbdbdb;\r\n --code: #ffbe85;\r\n\r\n --animation-duration: 0.1s;\r\n --button-hover: #324759;\r\n\r\n --scrollbar-thumb: var(--button-hover);\r\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\r\n\r\n --form-placeholder: #a9a9a9;\r\n --form-text: #ffffff;\r\n\r\n --variable: #d941e2;\r\n --highlight: #efdb43;\r\n}\r\n","body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: var(--text-main);\r\n background: var(--background-body);\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color var(--animation-duration) linear,\r\n border-color var(--animation-duration) linear,\r\n color var(--animation-duration) linear,\r\n box-shadow var(--animation-duration) linear,\r\n transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n font-weight: 600;\r\n}\r\n\r\nq:before {\r\n content: none;\r\n}\r\n\r\nq:after {\r\n content: none;\r\n}\r\n\r\nblockquote , q{\r\n border-left: 4px solid var(--focus);\r\n margin: 1.5em 0em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n content: '💬 ';\r\n}\r\n\r\nmark {\r\n background-color: var(--highlight);\r\n border-radius: 2px;\r\n padding: 0px 2px 0px 2px;\r\n color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n color: var(--form-text);\r\n background-color: var(--background);\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n color: var(--form-placeholder);\r\n}\r\n","a {\r\n text-decoration: none;\r\n color: var(--links);\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, samp, time {\r\n background: var(--background);\r\n color: var(--code);\r\n padding: 2.5px 5px;\r\n border-radius: 6px;\r\n font-size: 1em;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}\r\n\r\nvar {\r\n color: var(--variable);\r\n font-style: normal;\r\n font-family: monospace;\r\n}\r\n\r\nkbd {\r\n background: var(--background);\r\n border: 1px solid var(--border);\r\n border-radius: 2px;\r\n color: var(--text-main);\r\n padding: 2px 4px 2px 4px;\r\n}","img {\r\n max-width: 100%;\r\n height: auto;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: var(--background);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: var(--scrollbar-thumb);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n background-color: var(--selection);\r\n}\r\n"]} \ No newline at end of file diff --git a/dist/light.min.css b/dist/light.min.css index 60a2367..0545b0b 100644 --- a/dist/light.min.css +++ b/dist/light.min.css @@ -1,2 +1,2 @@ -:root{--background-body:#fff;--background:#efefef;--background-alt:#f7f7f7;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--links:#0076d1;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#000;--animation-duration:0.1s;--button-hover:#ddd;--scrollbar-thumb:#d5d5d5;--scrollbar-thumb-hover:#c4c4c4;--form-placeholder:#949494;--form-text:#000}@media (prefers-color-scheme:dark){:root{--background-body:#202b38;--background:#161f27;--background-alt:#1a242f;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--links:#41adff;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#ffbe85;--animation-duration:0.1s;--button-hover:#324759;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:#141414;--form-placeholder:#a9a9a9;--form-text:#fff}}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:var(--text-main);background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) 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:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid var(--focus);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:var(--form-text);background-color:var(--background);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:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}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:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,kbd{background:var(--background);color:var(--code);padding:2.5px 5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)} +:root{--background-body:#fff;--background:#efefef;--background-alt:#f7f7f7;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--links:#0076d1;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#000;--animation-duration:0.1s;--button-hover:#ddd;--scrollbar-thumb:#d5d5d5;--scrollbar-thumb-hover:#c4c4c4;--form-placeholder:#949494;--form-text:#000;--variable:#39a33c;--highlight:#ff0}@media (prefers-color-scheme:dark){:root{--background-body:#202b38;--background:#161f27;--background-alt:#1a242f;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--links:#41adff;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#ffbe85;--animation-duration:0.1s;--button-hover:#324759;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:#141414;--form-placeholder:#a9a9a9;--form-text:#fff;--variable:#d941e2;--highlight:#efdb43}}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:var(--text-main);background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) 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:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote,q{border-left:4px solid var(--focus);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:"💬 "}mark{background-color:var(--highlight);border-radius:2px;padding:0 2px;color:#000}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:var(--form-text);background-color:var(--background);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:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}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:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,samp,time{background:var(--background);color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:var(--variable);font-style:normal;font-family:monospace}kbd{background:var(--background);border:1px solid var(--border);border-radius:2px;color:var(--text-main);padding:2px 4px}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)} /*# sourceMappingURL=light.min.css.map */ diff --git a/dist/light.min.css.map b/dist/light.min.css.map index 7198eed..461139b 100644 --- a/dist/light.min.css.map +++ b/dist/light.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["../variables-light.css","../variables-dark.css","light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,sBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,WAAe,CAEf,yBAA0B,CAC1B,mBAAuB,CAEvB,yBAAgE,CAChE,+BAAuE,CAEvE,0BAA2B,CAC3B,gBACF,CCvBA,mCAAA,MACE,yBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,cAAe,CAEf,yBAA0B,CAC1B,sBAAuB,CAEvB,qCAAsC,CACtC,+BAAyE,CAEzE,0BAA2B,CAC3B,gBACF,CCoCA,CC3DA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAEA,WACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CClEA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCnFA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,SAEE,4BAA6B,CAC7B,iBAAkB,CAClB,iBAAkB,CAClB,iBACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CCZA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"light.min.css","sourcesContent":[":root {\n --background-body: #ffffff;\n --background: #efefef;\n --background-alt: #f7f7f7;\n\n --selection: #9e9e9e;\n\n --text-main: #363636;\n --text-bright: #000000;\n\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n --form-placeholder: #949494;\n --form-text: #000000;\n}\n",":root {\n --background-body: #202b38;\n --background: #161f27;\n --background-alt: #1a242f;\n\n --selection: #161f27;\n\n --text-main: #dbdbdb;\n --text-bright: #ffffff;\n\n --links: #41adff;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #ffbe85;\n\n --animation-duration: 0.1s;\n --button-hover: #324759;\n\n --scrollbar-thumb: var(--button-hover);\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n --form-placeholder: #a9a9a9;\n --form-text: #ffffff;\n}\n","/**\n * Light-themed version:\n * uses light theme by default but switches to dark theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-light.css';\n@import '../variables-dark.css' (prefers-color-scheme: dark);\n\n\n@import '../parts/_core.css';","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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file +{"version":3,"sources":["../variables-light.css","../variables-dark.css","light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,sBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,WAAe,CAEf,yBAA0B,CAC1B,mBAAuB,CAEvB,yBAAgE,CAChE,+BAAuE,CAEvE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,gBACF,CC1BA,mCAAA,MACE,yBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,cAAe,CAEf,yBAA0B,CAC1B,sBAAuB,CAEvB,qCAAsC,CACtC,+BAAyE,CAEzE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,mBACF,CCuCA,CCjEA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,iCAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCnFA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,eACE,4BAA8B,CAC9B,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,qBAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,4BAA6B,CAC7B,8BAA+B,CAC/B,iBAAkB,CAClB,sBAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"light.min.css","sourcesContent":[":root {\r\n --background-body: #ffffff;\r\n --background: #efefef;\r\n --background-alt: #f7f7f7;\r\n\r\n --selection: #9e9e9e;\r\n\r\n --text-main: #363636;\r\n --text-bright: #000000;\r\n\r\n --links: #0076d1;\r\n --focus: #0096bfab;\r\n --border: #dbdbdb;\r\n --code: #000000;\r\n\r\n --animation-duration: 0.1s;\r\n --button-hover: #dddddd;\r\n\r\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\r\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\r\n\r\n --form-placeholder: #949494;\r\n --form-text: #000000;\r\n\r\n --variable: #39a33c;\r\n --highlight: #ffff00;\r\n}\r\n",":root {\r\n --background-body: #202b38;\r\n --background: #161f27;\r\n --background-alt: #1a242f;\r\n\r\n --selection: #161f27;\r\n\r\n --text-main: #dbdbdb;\r\n --text-bright: #ffffff;\r\n\r\n --links: #41adff;\r\n --focus: #0096bfab;\r\n --border: #dbdbdb;\r\n --code: #ffbe85;\r\n\r\n --animation-duration: 0.1s;\r\n --button-hover: #324759;\r\n\r\n --scrollbar-thumb: var(--button-hover);\r\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\r\n\r\n --form-placeholder: #a9a9a9;\r\n --form-text: #ffffff;\r\n\r\n --variable: #d941e2;\r\n --highlight: #efdb43;\r\n}\r\n","/**\r\n * Light-themed version:\r\n * uses light theme by default but switches to dark theme\r\n * if a system-wide theme preference is set on the user's device.\r\n *\r\n * Variables will remain uncompiled so the theme can update dynamically\r\n * at runtime in the browser.\r\n */\r\n\r\n@import '../variables-light.css';\r\n@import '../variables-dark.css' (prefers-color-scheme: dark);\r\n\r\n\r\n@import '../parts/_core.css';","body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: var(--text-main);\r\n background: var(--background-body);\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color var(--animation-duration) linear,\r\n border-color var(--animation-duration) linear,\r\n color var(--animation-duration) linear,\r\n box-shadow var(--animation-duration) linear,\r\n transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n font-weight: 600;\r\n}\r\n\r\nq:before {\r\n content: none;\r\n}\r\n\r\nq:after {\r\n content: none;\r\n}\r\n\r\nblockquote , q{\r\n border-left: 4px solid var(--focus);\r\n margin: 1.5em 0em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n content: '💬 ';\r\n}\r\n\r\nmark {\r\n background-color: var(--highlight);\r\n border-radius: 2px;\r\n padding: 0px 2px 0px 2px;\r\n color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n color: var(--form-text);\r\n background-color: var(--background);\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n color: var(--form-placeholder);\r\n}\r\n","a {\r\n text-decoration: none;\r\n color: var(--links);\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, samp, time {\r\n background: var(--background);\r\n color: var(--code);\r\n padding: 2.5px 5px;\r\n border-radius: 6px;\r\n font-size: 1em;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}\r\n\r\nvar {\r\n color: var(--variable);\r\n font-style: normal;\r\n font-family: monospace;\r\n}\r\n\r\nkbd {\r\n background: var(--background);\r\n border: 1px solid var(--border);\r\n border-radius: 2px;\r\n color: var(--text-main);\r\n padding: 2px 4px 2px 4px;\r\n}","img {\r\n max-width: 100%;\r\n height: auto;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: var(--background);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: var(--scrollbar-thumb);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n background-color: var(--selection);\r\n}\r\n"]} \ No newline at end of file diff --git a/dist/light.standalone.css b/dist/light.standalone.css index f6f290b..5f29aa4 100755 --- a/dist/light.standalone.css +++ b/dist/light.standalone.css @@ -27,6 +27,9 @@ --form-placeholder: #949494; --form-text: #000000; + + --variable: #39a33c; + --highlight: #ffff00; } body { @@ -87,7 +90,15 @@ th { font-weight: 600; } -blockquote { +q:before { + content: none; +} + +q:after { + content: none; +} + +blockquote , q{ border-left: 4px solid var(--focus); margin: 1.5em 0em; padding: 0.5em 1em; @@ -119,6 +130,13 @@ a[href^='sms']::before { content: '💬 '; } +mark { + background-color: var(--highlight); + border-radius: 2px; + padding: 0px 2px 0px 2px; + color: #000000; +} + button, input[type='submit'], input[type='button'], @@ -225,12 +243,12 @@ a:hover { text-decoration: underline; } -code, -kbd { - background: var(--background); +code, samp, time { + background: var(--background); color: var(--code); padding: 2.5px 5px; border-radius: 6px; + font-size: 1em; } pre > code { @@ -239,6 +257,20 @@ pre > code { overflow-x: auto; } +var { + color: var(--variable); + font-style: normal; + font-family: monospace; +} + +kbd { + background: var(--background); + border: 1px solid var(--border); + border-radius: 2px; + color: var(--text-main); + padding: 2px 4px 2px 4px; +} + img { max-width: 100%; height: auto; diff --git a/dist/light.standalone.css.map b/dist/light.standalone.css.map index c0b4e43..8bbe9ff 100644 --- a/dist/light.standalone.css.map +++ b/dist/light.standalone.css.map @@ -1 +1 @@ -{"version":3,"sources":["light.standalone.css","../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA;;;;EAIE;;ACJF;EACE,0BAA0B;EAC1B,qBAAqB;EACrB,yBAAyB;;EAEzB,oBAAoB;;EAEpB,oBAAoB;EACpB,sBAAsB;;EAEtB,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;;EAEf,0BAA0B;EAC1B,uBAAuB;;EAEvB,qCAAgE;EAChE,2CAAuE;;EAEvE,2BAA2B;EAC3B,oBAAoB;AACtB;;ACvBA;EACE,yKAAyK;EACzK,gBAAgB;;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;;EAEf,uBAAuB;EACvB,kCAAkC;;EAElC,kCAAkC;AACpC;;AAEA;EACE;;;;sDAIoD;AACtD;;ACpBA;EACE,gBAAgB;EAChB,aAAa;AACf;;AAEA;;;;;;EAME,mBAAmB;AACrB;;AAEA;;;;;;;EAOE,yBAAyB;AAC3B;;AAEA;;;;;;;;;EASE,gBAAgB;AAClB;;AAEA;EACE,mCAAmC;EACnC,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AClEA;;;;EAIE,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;;;;EAIE,uBAAuB;EACvB,mCAAmC;;EAEnC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAEA;;;;EAIE,wBAAwB;AAC1B;;AAEA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;;;EAGE,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;;;EAGE,+BAA+B;AACjC;;AAEA;;;;EAIE,kCAAkC;AACpC;;AAEA;;;;;EAKE,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;ACnFA;EACE,qBAAqB;EACrB,mBAAmB;AACrB;;AAEA;EACE,0BAA0B;AAC5B;;ACPA;;EAEE,6BAA6B;EAC7B,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;AAClB;;ACZA;EACE,eAAe;EACf,YAAY;AACd;;AAEA;EACE,YAAY;EACZ,mCAAmC;AACrC;;AAEA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;AACb;;AAEA;;EAEE,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,kCAAkC;EAClC,kBAAkB;AACpB;;AAEA;EACE,wCAAwC;AAC1C;;AAEA;EACE,kCAAkC;AACpC;;AAFA;EACE,kCAAkC;AACpC","file":"light.standalone.css","sourcesContent":["/**\n * Standalone light-themed version.\n * Includes light variables and core, left as CSS variables\n * so the theming can be adjusted at runtime.\n */\n\n@import '../variables-light.css';\n@import '../parts/_core.css';\n",":root {\n --background-body: #ffffff;\n --background: #efefef;\n --background-alt: #f7f7f7;\n\n --selection: #9e9e9e;\n\n --text-main: #363636;\n --text-bright: #000000;\n\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n --form-placeholder: #949494;\n --form-text: #000000;\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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file +{"version":3,"sources":["light.standalone.css","../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"light.standalone.css","sourcesContent":["/**\r\n * Standalone light-themed version.\r\n * Includes light variables and core, left as CSS variables\r\n * so the theming can be adjusted at runtime.\r\n */\r\n\r\n@import '../variables-light.css';\r\n@import '../parts/_core.css';\r\n",":root {\r\n --background-body: #ffffff;\r\n --background: #efefef;\r\n --background-alt: #f7f7f7;\r\n\r\n --selection: #9e9e9e;\r\n\r\n --text-main: #363636;\r\n --text-bright: #000000;\r\n\r\n --links: #0076d1;\r\n --focus: #0096bfab;\r\n --border: #dbdbdb;\r\n --code: #000000;\r\n\r\n --animation-duration: 0.1s;\r\n --button-hover: #dddddd;\r\n\r\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\r\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\r\n\r\n --form-placeholder: #949494;\r\n --form-text: #000000;\r\n\r\n --variable: #39a33c;\r\n --highlight: #ffff00;\r\n}\r\n","body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: var(--text-main);\r\n background: var(--background-body);\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color var(--animation-duration) linear,\r\n border-color var(--animation-duration) linear,\r\n color var(--animation-duration) linear,\r\n box-shadow var(--animation-duration) linear,\r\n transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n font-weight: 600;\r\n}\r\n\r\nq:before {\r\n content: none;\r\n}\r\n\r\nq:after {\r\n content: none;\r\n}\r\n\r\nblockquote , q{\r\n border-left: 4px solid var(--focus);\r\n margin: 1.5em 0em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n content: '💬 ';\r\n}\r\n\r\nmark {\r\n background-color: var(--highlight);\r\n border-radius: 2px;\r\n padding: 0px 2px 0px 2px;\r\n color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n color: var(--form-text);\r\n background-color: var(--background);\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n color: var(--form-placeholder);\r\n}\r\n","a {\r\n text-decoration: none;\r\n color: var(--links);\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, samp, time {\r\n background: var(--background);\r\n color: var(--code);\r\n padding: 2.5px 5px;\r\n border-radius: 6px;\r\n font-size: 1em;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}\r\n\r\nvar {\r\n color: var(--variable);\r\n font-style: normal;\r\n font-family: monospace;\r\n}\r\n\r\nkbd {\r\n background: var(--background);\r\n border: 1px solid var(--border);\r\n border-radius: 2px;\r\n color: var(--text-main);\r\n padding: 2px 4px 2px 4px;\r\n}","img {\r\n max-width: 100%;\r\n height: auto;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: var(--background);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: var(--scrollbar-thumb);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n background-color: var(--selection);\r\n}\r\n"]} \ No newline at end of file diff --git a/dist/light.standalone.min.css b/dist/light.standalone.min.css index 16ff965..187b3a6 100755 --- a/dist/light.standalone.min.css +++ b/dist/light.standalone.min.css @@ -1,2 +1,2 @@ -:root{--background-body:#fff;--background:#efefef;--background-alt:#f7f7f7;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--links:#0076d1;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#000;--animation-duration:0.1s;--button-hover:#ddd;--scrollbar-thumb:#d5d5d5;--scrollbar-thumb-hover:#c4c4c4;--form-placeholder:#949494;--form-text:#000}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:var(--text-main);background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) 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:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid var(--focus);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:var(--form-text);background-color:var(--background);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:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}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:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,kbd{background:var(--background);color:var(--code);padding:2.5px 5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)} +:root{--background-body:#fff;--background:#efefef;--background-alt:#f7f7f7;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--links:#0076d1;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#000;--animation-duration:0.1s;--button-hover:#ddd;--scrollbar-thumb:#d5d5d5;--scrollbar-thumb-hover:#c4c4c4;--form-placeholder:#949494;--form-text:#000;--variable:#39a33c;--highlight:#ff0}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:var(--text-main);background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) 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:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote,q{border-left:4px solid var(--focus);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:"💬 "}mark{background-color:var(--highlight);border-radius:2px;padding:0 2px;color:#000}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:var(--form-text);background-color:var(--background);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:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}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:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,samp,time{background:var(--background);color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:var(--variable);font-style:normal;font-family:monospace}kbd{background:var(--background);border:1px solid var(--border);border-radius:2px;color:var(--text-main);padding:2px 4px}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)} /*# sourceMappingURL=light.standalone.min.css.map */ diff --git a/dist/light.standalone.min.css.map b/dist/light.standalone.min.css.map index e4d340b..ee6b4f8 100644 --- a/dist/light.standalone.min.css.map +++ b/dist/light.standalone.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,sBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,WAAe,CAEf,yBAA0B,CAC1B,mBAAuB,CAEvB,yBAAgE,CAChE,+BAAuE,CAEvE,0BAA2B,CAC3B,gBACF,CCvBA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAEA,WACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CClEA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCnFA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,SAEE,4BAA6B,CAC7B,iBAAkB,CAClB,iBAAkB,CAClB,iBACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CCZA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"light.standalone.min.css","sourcesContent":[":root {\n --background-body: #ffffff;\n --background: #efefef;\n --background-alt: #f7f7f7;\n\n --selection: #9e9e9e;\n\n --text-main: #363636;\n --text-bright: #000000;\n\n --links: #0076d1;\n --focus: #0096bfab;\n --border: #dbdbdb;\n --code: #000000;\n\n --animation-duration: 0.1s;\n --button-hover: #dddddd;\n\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n --form-placeholder: #949494;\n --form-text: #000000;\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: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","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: var(--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 var(--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,\nselect,\nbutton,\ntextarea {\n color: var(--form-text);\n background-color: var(--background);\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,\nbutton,\ntextarea {\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,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--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: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code,\nkbd {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n"]} \ No newline at end of file +{"version":3,"sources":["../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,sBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,WAAe,CAEf,yBAA0B,CAC1B,mBAAuB,CAEvB,yBAAgE,CAChE,+BAAuE,CAEvE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,gBACF,CC1BA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,iCAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,kEAIE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCnFA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,eACE,4BAA8B,CAC9B,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,qBAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,4BAA6B,CAC7B,8BAA+B,CAC/B,iBAAkB,CAClB,sBAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"light.standalone.min.css","sourcesContent":[":root {\r\n --background-body: #ffffff;\r\n --background: #efefef;\r\n --background-alt: #f7f7f7;\r\n\r\n --selection: #9e9e9e;\r\n\r\n --text-main: #363636;\r\n --text-bright: #000000;\r\n\r\n --links: #0076d1;\r\n --focus: #0096bfab;\r\n --border: #dbdbdb;\r\n --code: #000000;\r\n\r\n --animation-duration: 0.1s;\r\n --button-hover: #dddddd;\r\n\r\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\r\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\r\n\r\n --form-placeholder: #949494;\r\n --form-text: #000000;\r\n\r\n --variable: #39a33c;\r\n --highlight: #ffff00;\r\n}\r\n","body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: var(--text-main);\r\n background: var(--background-body);\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color var(--animation-duration) linear,\r\n border-color var(--animation-duration) linear,\r\n color var(--animation-duration) linear,\r\n box-shadow var(--animation-duration) linear,\r\n transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n font-weight: 600;\r\n}\r\n\r\nq:before {\r\n content: none;\r\n}\r\n\r\nq:after {\r\n content: none;\r\n}\r\n\r\nblockquote , q{\r\n border-left: 4px solid var(--focus);\r\n margin: 1.5em 0em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n content: '💬 ';\r\n}\r\n\r\nmark {\r\n background-color: var(--highlight);\r\n border-radius: 2px;\r\n padding: 0px 2px 0px 2px;\r\n color: #000000;\r\n}","button,\r\ninput[type='submit'],\r\ninput[type='button'],\r\ninput[type='checkbox'] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect {\r\n display: block;\r\n}\r\n\r\ninput,\r\nselect,\r\nbutton,\r\ntextarea {\r\n color: var(--form-text);\r\n background-color: var(--background);\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type='checkbox']):not([type='radio']),\r\nselect,\r\nbutton,\r\ntextarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type='submit'],\r\ninput[type='button'] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type='submit']:hover,\r\ninput[type='button']:hover {\r\n background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type='checkbox']:active,\r\ninput[type='radio']:active,\r\ninput[type='submit']:active,\r\ninput[type='button']:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n color: var(--form-placeholder);\r\n}\r\n","a {\r\n text-decoration: none;\r\n color: var(--links);\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, samp, time {\r\n background: var(--background);\r\n color: var(--code);\r\n padding: 2.5px 5px;\r\n border-radius: 6px;\r\n font-size: 1em;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}\r\n\r\nvar {\r\n color: var(--variable);\r\n font-style: normal;\r\n font-family: monospace;\r\n}\r\n\r\nkbd {\r\n background: var(--background);\r\n border: 1px solid var(--border);\r\n border-radius: 2px;\r\n color: var(--text-main);\r\n padding: 2px 4px 2px 4px;\r\n}","img {\r\n max-width: 100%;\r\n height: auto;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: var(--background);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: var(--scrollbar-thumb);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n background-color: var(--selection);\r\n}\r\n"]} \ No newline at end of file diff --git a/index.html b/index.html index 9fda82a..dfd3ce4 100644 --- a/index.html +++ b/index.html @@ -97,11 +97,14 @@

    Code

    - Below is some code, you can copy it with Ctrl-C. + Below is some code, with a variable, you can copy it with Ctrl-C. Did you know, alert(1) can show an alert in JavaScript!

    + var myNumber = 0; 
    // This logs a message to the console and check out the scrollbar.
    console.log('Hello, world!')
    +

    Here are some more keyboard buttons

    +

    Press Ctrl + Shift + Print Screen to take a selected area screenshot on Linux.

    Other

    Here's a horizontal rule and image because I don't know where else to put them.

    Example kitten @@ -163,6 +166,10 @@

    + Quotes (<q>) share the same style as blockquotes. + +

    Use <mark> to highlight the important stuff.

    +
    • Unordered list item 1
    • Unordered list item 2
      • diff --git a/src/parts/_code.css b/src/parts/_code.css index 920041a..565221e 100644 --- a/src/parts/_code.css +++ b/src/parts/_code.css @@ -1,9 +1,9 @@ -code, -kbd { - background: var(--background); +code, samp, time { + background: var(--background); color: var(--code); padding: 2.5px 5px; border-radius: 6px; + font-size: 1em; } pre > code { @@ -11,3 +11,17 @@ pre > code { display: block; overflow-x: auto; } + +var { + color: var(--variable); + font-style: normal; + font-family: monospace; +} + +kbd { + background: var(--background); + border: 1px solid var(--border); + border-radius: 2px; + color: var(--text-main); + padding: 2px 4px 2px 4px; +} \ No newline at end of file diff --git a/src/parts/_typography.css b/src/parts/_typography.css index 74b0af2..6997b13 100644 --- a/src/parts/_typography.css +++ b/src/parts/_typography.css @@ -34,7 +34,15 @@ th { font-weight: 600; } -blockquote { +q:before { + content: none; +} + +q:after { + content: none; +} + +blockquote , q{ border-left: 4px solid var(--focus); margin: 1.5em 0em; padding: 0.5em 1em; @@ -64,4 +72,11 @@ a[href^='tel']::before { a[href^='sms']::before { content: '💬 '; +} + +mark { + background-color: var(--highlight); + border-radius: 2px; + padding: 0px 2px 0px 2px; + color: #000000; } \ No newline at end of file diff --git a/src/variables-dark.css b/src/variables-dark.css index 8ee554b..bfadc91 100755 --- a/src/variables-dark.css +++ b/src/variables-dark.css @@ -21,4 +21,7 @@ --form-placeholder: #a9a9a9; --form-text: #ffffff; + + --variable: #d941e2; + --highlight: #efdb43; } diff --git a/src/variables-light.css b/src/variables-light.css index 8bf136d..35c1f58 100755 --- a/src/variables-light.css +++ b/src/variables-light.css @@ -21,4 +21,7 @@ --form-placeholder: #949494; --form-text: #000000; + + --variable: #39a33c; + --highlight: #ffff00; }