From 26ca283dcacfe6f500cca3164b34e9f4c41498a5 Mon Sep 17 00:00:00 2001 From: Kognise Date: Thu, 18 Apr 2019 13:25:23 -0400 Subject: [PATCH 01/60] Add radio and checkbox styles --- dist/dark.css | 2 +- dist/dark.css.map | 2 +- dist/light.css | 2 +- dist/light.css.map | 2 +- index.html | 10 +++++++--- src/parts/_forms.scss | 33 ++++++++++++++++++++++++++++++--- 6 files changed, 41 insertions(+), 10 deletions(-) diff --git a/dist/dark.css b/dist/dark.css index bd25a80..9b440e3 100644 --- a/dist/dark.css +++ b/dist/dark.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;-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)}input[type=checkbox],input[type=radio]{width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#324759}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;transform:translateY(-50%) translateY(-.3px) translateX(-2.7px)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}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.css.map */ diff --git a/dist/dark.css.map b/dist/dark.css.map index a84965c..13fda6b 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/_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,CAEb,uBAAwB,CAG1B,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eAAgB,CAGlB,6CACE,kBAAmB,CACnB,iBAAkB,CAGpB,+DAGE,kBDlCoB,CCqCtB,qDAIE,wCD7Ce,CCgDjB,uCAEE,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBAAiB,CAGnB,kBACE,iBAAkB,CAGpB,uDAEE,kBD5DoB,CC0DtB,qEAKI,WAAS,CACT,aAAc,CACd,+DAAiE,CAIrE,oCACE,WAAS,CACT,4DAA8D,CAGhE,uHAKE,yBAA0B,CAG5B,iEAIE,kBAAmB,CACnB,UAAW,CAGb,4BACE,aDrFwB,CCoF1B,uBACE,aDrFwB,CCoF1B,wBACE,aDrFwB,CCoF1B,cACE,aDrFwB,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 -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'],\ninput[type='radio'] {\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: $button-hover;\n\n &::before {\n content: '•';\n display: block;\n transform: translateY(-50%) translateY(-0.3px) translateX(-2.7px);\n }\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: $form-placeholder;\n}","a {\n text-decoration: none;\n color: $links;\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: $background-alt;\n color: $code;\n padding: 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}","img {\n max-width: 100%;\n}\n\nhr {\n border: none;\n border-top: 1px solid $border;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid $border;\n}\n\ntbody tr:nth-child(even) {\n background-color: $background-alt;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: $background-alt;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: $scrollbar-thumb;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: $scrollbar-thumb-hover;\n}"]} \ No newline at end of file diff --git a/dist/light.css b/dist/light.css index e87761d..35735dc 100644 --- a/dist/light.css +++ b/dist/light.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;-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)}input[type=checkbox],input[type=radio]{width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#ddd}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;transform:translateY(-50%) translateY(-.3px) translateX(-2.7px)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}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.css.map */ diff --git a/dist/light.css.map b/dist/light.css.map index 9887b0d..fc8dca4 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/_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,CAEb,uBAAwB,CAG1B,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eAAgB,CAGlB,6CACE,kBAAmB,CACnB,iBAAkB,CAGpB,+DAGE,eDlCoB,CCqCtB,qDAIE,wCD7Ce,CCgDjB,uCAEE,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBAAiB,CAGnB,kBACE,iBAAkB,CAGpB,uDAEE,eD5DoB,CC0DtB,qEAKI,WAAS,CACT,aAAc,CACd,+DAAiE,CAIrE,oCACE,WAAS,CACT,4DAA8D,CAGhE,uHAKE,yBAA0B,CAG5B,iEAIE,kBAAmB,CACnB,UAAW,CAGb,4BACE,aDrFwB,CCoF1B,uBACE,aDrFwB,CCoF1B,wBACE,aDrFwB,CCoF1B,cACE,aDrFwB,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 -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'],\ninput[type='radio'] {\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: $button-hover;\n\n &::before {\n content: '•';\n display: block;\n transform: translateY(-50%) translateY(-0.3px) translateX(-2.7px);\n }\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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/index.html b/index.html index 727cb6f..e4ecb84 100644 --- a/index.html +++ b/index.html @@ -65,17 +65,21 @@
- +
- +
- +
+
+ + +

diff --git a/src/parts/_forms.scss b/src/parts/_forms.scss index 7af9d6a..59866c8 100644 --- a/src/parts/_forms.scss +++ b/src/parts/_forms.scss @@ -24,10 +24,7 @@ input, select, button, textarea { border: none; border-radius: 6px; outline: none; -} -input:not([type='checkbox']):not([type='radio']), -select, button, textarea { -webkit-appearance: none; } @@ -56,6 +53,36 @@ textarea:focus { box-shadow: 0 0 0 2px $focus; } +input[type='checkbox'], +input[type='radio'] { + width: 14px; + height: 14px; + display: inline-block; + vertical-align: middle; + margin: 0; + margin-right: 2px; +} + +input[type='radio'] { + border-radius: 50%; +} + +input[type='checkbox']:checked, +input[type='radio']:checked { + background: $button-hover; + + &::before { + content: '•'; + display: block; + transform: translateY(-50%) translateY(-0.3px) translateX(-2.7px); + } +} + +input[type='checkbox']:checked::before { + content: '✔'; + transform: translateY(-50%) translateY(0.5px) translateX(-6px); +} + input[type='checkbox']:active, input[type='radio']:active, input[type='submit']:active, From 444d0cc7c88d6e8506c42ba6b93004a820fe3b35 Mon Sep 17 00:00:00 2001 From: Kognise Date: Thu, 18 Apr 2019 13:35:32 -0400 Subject: [PATCH 02/60] Pointer cursor for radio buttons --- dist/dark.css | 2 +- dist/dark.css.map | 2 +- dist/light.css | 2 +- dist/light.css.map | 2 +- src/parts/_forms.scss | 3 ++- 5 files changed, 6 insertions(+), 5 deletions(-) diff --git a/dist/dark.css b/dist/dark.css index 9b440e3..1033649 100644 --- a/dist/dark.css +++ b/dist/dark.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;-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)}input[type=checkbox],input[type=radio]{width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#324759}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;transform:translateY(-50%) translateY(-.3px) translateX(-2.7px)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}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=radio],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;-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)}input[type=checkbox],input[type=radio]{width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#324759}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;transform:translateY(-50%) translateY(-.3px) translateX(-2.7px)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}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.css.map */ diff --git a/dist/dark.css.map b/dist/dark.css.map index 13fda6b..f113cb7 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,CAEb,uBAAwB,CAG1B,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eAAgB,CAGlB,6CACE,kBAAmB,CACnB,iBAAkB,CAGpB,+DAGE,kBDlCoB,CCqCtB,qDAIE,wCD7Ce,CCgDjB,uCAEE,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBAAiB,CAGnB,kBACE,iBAAkB,CAGpB,uDAEE,kBD5DoB,CC0DtB,qEAKI,WAAS,CACT,aAAc,CACd,+DAAiE,CAIrE,oCACE,WAAS,CACT,4DAA8D,CAGhE,uHAKE,yBAA0B,CAG5B,iEAIE,kBAAmB,CACnB,UAAW,CAGb,4BACE,aDrFwB,CCoF1B,uBACE,aDrFwB,CCoF1B,wBACE,aDrFwB,CCoF1B,cACE,aDrFwB,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 -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'],\ninput[type='radio'] {\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: $button-hover;\n\n &::before {\n content: '•';\n display: block;\n transform: translateY(-50%) translateY(-0.3px) translateX(-2.7px);\n }\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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","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,oFAKE,cAAe,CAGjB,oDAEE,aAAc,CAGhB,6BACE,UDIiB,CCHjB,wBDdsB,CCgBtB,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAEb,uBAAwB,CAG1B,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eAAgB,CAGlB,6CACE,kBAAmB,CACnB,iBAAkB,CAGpB,+DAGE,kBDnCoB,CCsCtB,qDAIE,wCD9Ce,CCiDjB,uCAEE,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBAAiB,CAGnB,kBACE,iBAAkB,CAGpB,uDAEE,kBD7DoB,CC2DtB,qEAKI,WAAS,CACT,aAAc,CACd,+DAAiE,CAIrE,oCACE,WAAS,CACT,4DAA8D,CAGhE,uHAKE,yBAA0B,CAG5B,iEAIE,kBAAmB,CACnB,UAAW,CAGb,4BACE,aDtFwB,CCqF1B,uBACE,aDtFwB,CCqF1B,wBACE,aDtFwB,CCqF1B,cACE,aDtFwB,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'],\ninput[type='radio'] {\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 -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'],\ninput[type='radio'] {\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: $button-hover;\n\n &::before {\n content: '•';\n display: block;\n transform: translateY(-50%) translateY(-0.3px) translateX(-2.7px);\n }\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: $form-placeholder;\n}","a {\n text-decoration: none;\n color: $links;\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: $background-alt;\n color: $code;\n padding: 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}","img {\n max-width: 100%;\n}\n\nhr {\n border: none;\n border-top: 1px solid $border;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid $border;\n}\n\ntbody tr:nth-child(even) {\n background-color: $background-alt;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: $background-alt;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: $scrollbar-thumb;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: $scrollbar-thumb-hover;\n}"]} \ No newline at end of file diff --git a/dist/light.css b/dist/light.css index 35735dc..4d9125c 100644 --- a/dist/light.css +++ b/dist/light.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;-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)}input[type=checkbox],input[type=radio]{width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#ddd}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;transform:translateY(-50%) translateY(-.3px) translateX(-2.7px)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}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=radio],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;-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)}input[type=checkbox],input[type=radio]{width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#ddd}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;transform:translateY(-50%) translateY(-.3px) translateX(-2.7px)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}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.css.map */ diff --git a/dist/light.css.map b/dist/light.css.map index fc8dca4..4917a2e 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,CAEb,uBAAwB,CAG1B,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eAAgB,CAGlB,6CACE,kBAAmB,CACnB,iBAAkB,CAGpB,+DAGE,eDlCoB,CCqCtB,qDAIE,wCD7Ce,CCgDjB,uCAEE,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBAAiB,CAGnB,kBACE,iBAAkB,CAGpB,uDAEE,eD5DoB,CC0DtB,qEAKI,WAAS,CACT,aAAc,CACd,+DAAiE,CAIrE,oCACE,WAAS,CACT,4DAA8D,CAGhE,uHAKE,yBAA0B,CAG5B,iEAIE,kBAAmB,CACnB,UAAW,CAGb,4BACE,aDrFwB,CCoF1B,uBACE,aDrFwB,CCoF1B,wBACE,aDrFwB,CCoF1B,cACE,aDrFwB,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 -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'],\ninput[type='radio'] {\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: $button-hover;\n\n &::before {\n content: '•';\n display: block;\n transform: translateY(-50%) translateY(-0.3px) translateX(-2.7px);\n }\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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","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,oFAKE,cAAe,CAGjB,oDAEE,aAAc,CAGhB,6BACE,UDIiB,CCHjB,wBDdsB,CCgBtB,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAEb,uBAAwB,CAG1B,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eAAgB,CAGlB,6CACE,kBAAmB,CACnB,iBAAkB,CAGpB,+DAGE,eDnCoB,CCsCtB,qDAIE,wCD9Ce,CCiDjB,uCAEE,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBAAiB,CAGnB,kBACE,iBAAkB,CAGpB,uDAEE,eD7DoB,CC2DtB,qEAKI,WAAS,CACT,aAAc,CACd,+DAAiE,CAIrE,oCACE,WAAS,CACT,4DAA8D,CAGhE,uHAKE,yBAA0B,CAG5B,iEAIE,kBAAmB,CACnB,UAAW,CAGb,4BACE,aDtFwB,CCqF1B,uBACE,aDtFwB,CCqF1B,wBACE,aDtFwB,CCqF1B,cACE,aDtFwB,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'],\ninput[type='radio'] {\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 -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'],\ninput[type='radio'] {\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: $button-hover;\n\n &::before {\n content: '•';\n display: block;\n transform: translateY(-50%) translateY(-0.3px) translateX(-2.7px);\n }\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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/src/parts/_forms.scss b/src/parts/_forms.scss index 59866c8..b7748c9 100644 --- a/src/parts/_forms.scss +++ b/src/parts/_forms.scss @@ -1,7 +1,8 @@ button, input[type='submit'], input[type='button'], -input[type='checkbox'] { +input[type='checkbox'], +input[type='radio'] { cursor: pointer; } From f08748c68c0912a5d871a9c2887576e0c0a3e9fa Mon Sep 17 00:00:00 2001 From: kimulaco Date: Fri, 19 Apr 2019 18:27:52 +0900 Subject: [PATCH 03/60] Fix selector which specifies table border --- dist/dark.css | 2 +- dist/dark.css.map | 2 +- dist/light.css | 2 +- dist/light.css.map | 2 +- src/parts/_misc.scss | 8 +++++++- 5 files changed, 11 insertions(+), 5 deletions(-) diff --git a/dist/dark.css b/dist/dark.css index bd25a80..40f8fa7 100644 --- a/dist/dark.css +++ b/dist/dark.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}thead td,thead th{border-bottom:1px solid #dbdbdb}tfoot td,tfoot th{border-top: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.css.map */ diff --git a/dist/dark.css.map b/dist/dark.css.map index a84965c..4b19979 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/_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,kBAEE,+BJdc,CIiBhB,kBAEE,4BJnBc,CIsBhB,uBACE,wBJ9BsB,CIiCxB,oBACE,WAAY,CACZ,UAAW,CAGb,0BACE,kBJvCsB,CIwCtB,iBAAkB,CAGpB,0BACE,kBJlCoB,CImCpB,iBAAkB,CAGpB,gCACE,kBJnCgD","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\nthead td,\nthead th {\n border-bottom: 1px solid $border;\n}\n\ntfoot td,\ntfoot th {\n border-top: 1px solid $border;\n}\n\ntbody tr:nth-child(even) {\n background-color: $background-alt;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: $background-alt;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: $scrollbar-thumb;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: $scrollbar-thumb-hover;\n}"]} \ No newline at end of file diff --git a/dist/light.css b/dist/light.css index e87761d..3c07347 100644 --- a/dist/light.css +++ b/dist/light.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}thead td,thead th{border-bottom:1px solid #dbdbdb}tfoot td,tfoot th{border-top: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.css.map */ diff --git a/dist/light.css.map b/dist/light.css.map index 9887b0d..7edea83 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/_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,kBAEE,+BJdc,CIiBhB,kBAEE,4BJnBc,CIsBhB,uBACE,wBJ9BsB,CIiCxB,oBACE,WAAY,CACZ,UAAW,CAGb,0BACE,kBJvCsB,CIwCtB,iBAAkB,CAGpB,0BACE,kBJ/ByC,CIgCzC,iBAAkB,CAGpB,gCACE,kBJnCgD","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\nthead td,\nthead th {\n border-bottom: 1px solid $border;\n}\n\ntfoot td,\ntfoot th {\n border-top: 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/src/parts/_misc.scss b/src/parts/_misc.scss index fa0cbd9..b926bd2 100644 --- a/src/parts/_misc.scss +++ b/src/parts/_misc.scss @@ -18,10 +18,16 @@ td, th { text-align: left; } -th { +thead td, +thead th { border-bottom: 1px solid $border; } +tfoot td, +tfoot th { + border-top: 1px solid $border; +} + tbody tr:nth-child(even) { background-color: $background-alt; } From bf2ff503e3abcdd4283bfd51f18b637b6035e01b Mon Sep 17 00:00:00 2001 From: Kognise Date: Fri, 19 Apr 2019 09:04:37 -0400 Subject: [PATCH 04/60] Account for proper table markup --- src/parts/_misc.scss | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/parts/_misc.scss b/src/parts/_misc.scss index b926bd2..e097237 100644 --- a/src/parts/_misc.scss +++ b/src/parts/_misc.scss @@ -18,13 +18,11 @@ td, th { text-align: left; } -thead td, thead th { border-bottom: 1px solid $border; } -tfoot td, -tfoot th { +tfoot td { border-top: 1px solid $border; } @@ -49,4 +47,4 @@ tbody tr:nth-child(even) { ::-webkit-scrollbar-thumb:hover { background: $scrollbar-thumb-hover; -} \ No newline at end of file +} From ce39701d143e2488dfb5c0d7e9d21493628d4eab Mon Sep 17 00:00:00 2001 From: kimulaco Date: Fri, 19 Apr 2019 22:56:28 +0900 Subject: [PATCH 05/60] Change border to thead and tfoot --- dist/dark.css | 2 +- dist/dark.css.map | 2 +- dist/light.css | 2 +- dist/light.css.map | 2 +- src/parts/_misc.scss | 4 ++-- 5 files changed, 6 insertions(+), 6 deletions(-) diff --git a/dist/dark.css b/dist/dark.css index 40f8fa7..d31d9c1 100644 --- a/dist/dark.css +++ b/dist/dark.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}thead td,thead th{border-bottom:1px solid #dbdbdb}tfoot td,tfoot th{border-top: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}::-moz-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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top: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.css.map */ diff --git a/dist/dark.css.map b/dist/dark.css.map index 4b19979..bbdb07d 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,kBAEE,+BJdc,CIiBhB,kBAEE,4BJnBc,CIsBhB,uBACE,wBJ9BsB,CIiCxB,oBACE,WAAY,CACZ,UAAW,CAGb,0BACE,kBJvCsB,CIwCtB,iBAAkB,CAGpB,0BACE,kBJlCoB,CImCpB,iBAAkB,CAGpB,gCACE,kBJnCgD","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\nthead td,\nthead th {\n border-bottom: 1px solid $border;\n}\n\ntfoot td,\ntfoot th {\n border-top: 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","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,mBACE,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,MACE,+BJbc,CIgBhB,MACE,4BJjBc,CIoBhB,uBACE,wBJ5BsB,CI+BxB,oBACE,WAAY,CACZ,UAAW,CAGb,0BACE,kBJrCsB,CIsCtB,iBAAkB,CAGpB,0BACE,kBJhCoB,CIiCpB,iBAAkB,CAGpB,gCACE,kBJjCgD","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\nthead {\n border-bottom: 1px solid $border;\n}\n\ntfoot {\n border-top: 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"]} \ No newline at end of file diff --git a/dist/light.css b/dist/light.css index 3c07347..0c344a6 100644 --- a/dist/light.css +++ b/dist/light.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}thead td,thead th{border-bottom:1px solid #dbdbdb}tfoot td,tfoot th{border-top: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}::-moz-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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top: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.css.map */ diff --git a/dist/light.css.map b/dist/light.css.map index 7edea83..539d24a 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,kBAEE,+BJdc,CIiBhB,kBAEE,4BJnBc,CIsBhB,uBACE,wBJ9BsB,CIiCxB,oBACE,WAAY,CACZ,UAAW,CAGb,0BACE,kBJvCsB,CIwCtB,iBAAkB,CAGpB,0BACE,kBJ/ByC,CIgCzC,iBAAkB,CAGpB,gCACE,kBJnCgD","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\nthead td,\nthead th {\n border-bottom: 1px solid $border;\n}\n\ntfoot td,\ntfoot th {\n border-top: 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","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,mBACE,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,MACE,+BJbc,CIgBhB,MACE,4BJjBc,CIoBhB,uBACE,wBJ5BsB,CI+BxB,oBACE,WAAY,CACZ,UAAW,CAGb,0BACE,kBJrCsB,CIsCtB,iBAAkB,CAGpB,0BACE,kBJ7ByC,CI8BzC,iBAAkB,CAGpB,gCACE,kBJjCgD","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\nthead {\n border-bottom: 1px solid $border;\n}\n\ntfoot {\n border-top: 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"]} \ No newline at end of file diff --git a/src/parts/_misc.scss b/src/parts/_misc.scss index e097237..c417f28 100644 --- a/src/parts/_misc.scss +++ b/src/parts/_misc.scss @@ -18,11 +18,11 @@ td, th { text-align: left; } -thead th { +thead { border-bottom: 1px solid $border; } -tfoot td { +tfoot { border-top: 1px solid $border; } From 7c7d355489697f9cb4064bade0d857586e1d143f Mon Sep 17 00:00:00 2001 From: kimulaco Date: Sat, 20 Apr 2019 08:53:02 +0900 Subject: [PATCH 06/60] Change background color to tr other than tbody --- dist/dark.css | 2 +- dist/dark.css.map | 2 +- dist/light.css | 2 +- dist/light.css.map | 2 +- src/parts/_misc.scss | 2 +- 5 files changed, 5 insertions(+), 5 deletions(-) diff --git a/dist/dark.css b/dist/dark.css index d31d9c1..5e761ce 100644 --- a/dist/dark.css +++ b/dist/dark.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}::-moz-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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top: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}::-moz-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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top:1px solid #dbdbdb}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.css.map */ diff --git a/dist/dark.css.map b/dist/dark.css.map index bbdb07d..0ac1342 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,mBACE,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,MACE,+BJbc,CIgBhB,MACE,4BJjBc,CIoBhB,uBACE,wBJ5BsB,CI+BxB,oBACE,WAAY,CACZ,UAAW,CAGb,0BACE,kBJrCsB,CIsCtB,iBAAkB,CAGpB,0BACE,kBJhCoB,CIiCpB,iBAAkB,CAGpB,gCACE,kBJjCgD","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\nthead {\n border-bottom: 1px solid $border;\n}\n\ntfoot {\n border-top: 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"]} \ No newline at end of file +{"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,mBACE,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,MACE,+BJbc,CIgBhB,MACE,4BJjBc,CIoBhB,iBACE,wBJ5BsB,CI+BxB,oBACE,WAAY,CACZ,UAAW,CAGb,0BACE,kBJrCsB,CIsCtB,iBAAkB,CAGpB,0BACE,kBJhCoB,CIiCpB,iBAAkB,CAGpB,gCACE,kBJjCgD","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\nthead {\n border-bottom: 1px solid $border;\n}\n\ntfoot {\n border-top: 1px solid $border;\n}\n\ntr: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"]} \ No newline at end of file diff --git a/dist/light.css b/dist/light.css index 0c344a6..5363a5f 100644 --- a/dist/light.css +++ b/dist/light.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}::-moz-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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top: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}::-moz-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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top:1px solid #dbdbdb}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.css.map */ diff --git a/dist/light.css.map b/dist/light.css.map index 539d24a..41a37c9 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,mBACE,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,MACE,+BJbc,CIgBhB,MACE,4BJjBc,CIoBhB,uBACE,wBJ5BsB,CI+BxB,oBACE,WAAY,CACZ,UAAW,CAGb,0BACE,kBJrCsB,CIsCtB,iBAAkB,CAGpB,0BACE,kBJ7ByC,CI8BzC,iBAAkB,CAGpB,gCACE,kBJjCgD","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\nthead {\n border-bottom: 1px solid $border;\n}\n\ntfoot {\n border-top: 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"]} \ No newline at end of file +{"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,mBACE,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,MACE,+BJbc,CIgBhB,MACE,4BJjBc,CIoBhB,iBACE,wBJ5BsB,CI+BxB,oBACE,WAAY,CACZ,UAAW,CAGb,0BACE,kBJrCsB,CIsCtB,iBAAkB,CAGpB,0BACE,kBJ7ByC,CI8BzC,iBAAkB,CAGpB,gCACE,kBJjCgD","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\nthead {\n border-bottom: 1px solid $border;\n}\n\ntfoot {\n border-top: 1px solid $border;\n}\n\ntr: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"]} \ No newline at end of file diff --git a/src/parts/_misc.scss b/src/parts/_misc.scss index c417f28..585c2c1 100644 --- a/src/parts/_misc.scss +++ b/src/parts/_misc.scss @@ -26,7 +26,7 @@ tfoot { border-top: 1px solid $border; } -tbody tr:nth-child(even) { +tr:nth-child(even) { background-color: $background-alt; } From 623430a367e44caf67c93963e6627fdd24573daf Mon Sep 17 00:00:00 2001 From: kylejrp Date: Sat, 20 Apr 2019 17:40:19 -0400 Subject: [PATCH 07/60] Update src/parts/_forms.scss Co-Authored-By: kognise --- src/parts/_forms.scss | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/parts/_forms.scss b/src/parts/_forms.scss index b7748c9..ab2694c 100644 --- a/src/parts/_forms.scss +++ b/src/parts/_forms.scss @@ -75,7 +75,10 @@ input[type='radio']:checked { &::before { content: '•'; display: block; - transform: translateY(-50%) translateY(-0.3px) translateX(-2.7px); + position: absolute; + left: 50%; + top: 50%; + transform: translateX(-50%) translateY(-50%); } } @@ -102,4 +105,4 @@ textarea:disabled { ::placeholder { color: $form-placeholder; -} \ No newline at end of file +} From 651f73a3ff6d30b021d533c29ba9ecd9128e14fd Mon Sep 17 00:00:00 2001 From: Kognise Date: Sat, 20 Apr 2019 17:44:41 -0400 Subject: [PATCH 08/60] Update _forms.scss --- src/parts/_forms.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/src/parts/_forms.scss b/src/parts/_forms.scss index ab2694c..37fa4c8 100644 --- a/src/parts/_forms.scss +++ b/src/parts/_forms.scss @@ -56,6 +56,7 @@ textarea:focus { input[type='checkbox'], input[type='radio'] { + position: relative; width: 14px; height: 14px; display: inline-block; 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 09/60] 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 zcmeHuRahKduq_gT1xT<#0|^Wo26qpZ!JXj2g1fsza2PDOy9NjjgL`n-V8J1{!|nX% z=|0@|^Kjwg8>VNvyY{M8Ygg6Y9i}KRg@r+afq;O31^pzhjDUay`S*wR5;*c*I&ckm zd0{FlCyIdZBL?%q00nqYY4k~14gtY~1_8k@2m#>^IOMmBfZ)u6fUy4s0fFy30s_b` zy;(^B_~50XjFdRS^S|HhwxW382&xlQP6BoFB_a|%^=sZIas&k7GpM+zs@vkxio2KE zOxx3`>5;cQ%_p?jAo?!|6BgoS-(I3%j@HidIaRvU)vIZ@WmuO9msuY3ladGPi zt3Upb-#U4KqWBgKB9b!DWY=4*$PSH2|AROTsIrRg}O>mC}2?}4x+OmPDzXG zy>CPSQ)5t{7Kf8xJug!KQXx`}j;n)rdBp4ZcTL2*Ipw`xH+IFs;XFMc64FY5T?FOx zAMtRm{% z-Oj1#7Dw?`bqHz`JIJ&ch4slpcJc@#aO4Q^5vik3%#u$-u+KXLJxyL0LlMn^63qp! zpA)mIN);^mI+S}(P^RwoUlu!542i}!-y*pWpW$?SI4~P^B17d#Y!%z-9t4SUTz<}M zv$knfMQzXi9N1`-(ADrQVZachXA|Xle!jl+otmr04)STdEEusjLLQqA=``43UUi%U zY6|se%WqoL`%D^|n9TUOS0(~8&QVNOa*_@D%(Qn6SU850ChZW}h0yCSk3*MzlUrdM|jSCx=YDFadCAP67xgEh>3npB&zh~2XAk^ zBe+d}@_;%j{ONP+0;xd(i-QJTZ=Uue>`7xX3b1TA|LF453!*Q^6ZA+_lnwIlOHFx| zCbwbHDsK8&8M+^o+`7e#)z>*DeHqdvYnm>h!9t(2abN5B36Kzej?BlS_WrmoUoXjD z>5?NzShfBvFTXC|mX&yMZPpxvfER*d5@97*4G)Ql)Py$B zy<%yo#Xuhr=9B%xJhTwnD+&5R1@_jOgf6mHM{bcP$5HsZykhZ9baDoe7wjGj{76Bk zD31o|&||aGGE2=@fO@2Lkq{!u+zw%}XhMaPoaE|2uco9r^d#*Nug0s*bNHai(#^_~ zZmeKc`VfV8)(K95`Bkp2&e$y8FAfEr@;hu62kXWy!Mas{D@R@=4RHu`2)x@f0)T-V z+@a0$?<)GQuvjG&$gQ^=IOaWP@H_hrad=t$O@=+?wUnLnO6vOwirFDPVKt>iOMtRn zrJL22yZObpC_7>iGFt|Xu;eMmzr^{iLuuTcoS8Mbq3vO@&H|4ne$RGX} z3q;a$p-2Sh@@uqy@Qng6XhNZPzp6!a>SMpd5|0W#Iz!r z)@ag&Hq;UScxF9Ji|{b>rWKuqvlMB?Az;yf?KduK!VR z$p~wwHm~c7O9~>Y=*bL|(m{e^VRXyX=4%7iP64-Ijv56GyphAY1&~_+n4N-QsTuv6 zF(g*FX)5|!+QSHNAUhy{=ukuzsgCH~ApcMDf-?0LZJQiW8G;bP!jM>n)22i#=Rji>Mg=^smOygPoaooLrqNqsQhxQjjTrYE2XG9YSXcg*K}!iD9aU z(Q)Mc6^K00O9JjfMwn3*_TRUhMvHm6)v+@md$h1V2Cq<=6;QaGm!1vmA_;JUaLoo< zVx&9?fyumlSSI<$K#i*L1x&p*<$PJ|{p=@`ja{)?&&vno&*CIeC@ zii!1Sv)j^qMhP=f^IL>CsJW=*n(69H$hLz6`&l>o{Z0nUFO zse8kK2%Jq{RM-nRNvFy#KX^RAflZ*bXG$^%l)xE|t5oTLX)j!Qzpt4 z;s-#IvfL%4@rFDr){TG~yrXZV%PvyVJG=}MUYLF& zlMAOuh>fgNL+IpuLm#z0Ln-8N$RT^S7$<`GG4%+E)IulRP(D@?_tU&ZQ1%wUjx&HA z8#7|}pPJ>A)6kfTtxj*(n9L0TxE$^I=`Z{dJ;S5P!4-gYt3?HRlg#)bgz9S9lkONx zqG|d105Kw?7tw9imCkmTm1;Jy{^T;lnM=f$t}PH5GODTto#?D6V8&?7bk2Z#*n~Ym zx9HFv#>0HPU?IBfZ`Anp5tx7hLT}^<-W)1Tep;o2@-luKO}HSn7Eb0Z@+WUf@2~v_ zeTOtv0vn%uLVCL4@*_1<-1Pf!d;es-h8Sm9^xpBl7tByMfq~B>Ap!VY3o5Kkq(#?< zqNk@*&M!JC2L$6!{DWN8iG{rBo}I%T@GrdH#*WJH2x9U3xj&mPXJyE_W&i}@_FO8 znY|U#BR+Kw&IxWN{BqrM35mzAr-eF9w`8l1pXTA;09sKAC_o@=l+c-}BQyL!chtu6 z!8G4B!rO)H)FNoKWrw5e+1YD>q;f*vR6@<>^^z{`M zhL{ZHN6cz&qTr(vy-BR@LSz422|Lk=aCLqjX!0jMr~&P;9ar`B4aU+86b1<^G&VP) zvuJgcP#Q{kzbG~74NL98e-n#i-?B()E)V$mT$VWJJHSiBYhJ*7`uCK=8}xZJ!ADqh z7CLB(P7YkD{0fu54B>=dsH<7YrGfB~05^l;EGLNis{DwEXm}Mg%H%=vXsj!;TwUurFMN)Zr zl}nnhwWX{!?V~O}=_E%uluS{ml%-BF7BjNEQPH)v%Y{f76(39f6Mk@dz%n*eh8o;s zhN*~V-!d$%1qjN*U@>MmIsg%&J>u_vfTNPyeqG*UP@XrYxt201ObQP8h(4w=))faFhkHn-s2EW9yEG9mVzCnw?KTqQyzl|~!u@imQ z%NVxGeQ1f$OJ$Rs{OX>B4$T5x@ilMDmdmGRm34mpeQm#u?sftc}ya#5lg03`Aqe%sZv#0x;h2;s$#88ku>}?!}=6Wg0M-Ij14VPxgNm1YeX&YBM zyU1cD>xTYugjtS7z%~4NaQu~j(_2-=gEQjJ$yjoE_E;u2cuyM$??ey|>l?&lrW?QX zywPDX%rz96n_abU%tx7+N)Hs-`?hqz3dEUX?v*TQ-?xpR?oZ*CrI1)vaJYlNG9GA8 zo!+YdpH=HY-QNc2hbodUiu28L=|FT6_ATCe25~mb63s+V9S#=d4aXyKU?|Fe=&j&W z`1LzCykEraY7FvwPWnbkt~mWB@fz0HL%p%K$WFzGT%0Xb>XwQ$3tljL6$YHy6yF z&0oa-R)X9U+2y7`?6E@S3{%nQQ0@6wv+bJA1cB?JM>bNfZLDufV2EK(iHo>@D~d?P zueS}`dmo7qfO*E`bL}j9F<{50D70}!b`tc<4D&4dcR*`cNEDFhM+en|{@RZsZd2Ke z(E_4LoqIL2#qjpaC{HKc^1#!-pI z)m8I@0aD;%;LIJN_a6CF$U_>-?VIKX`#Q1QFF=RRyq8Rzx$P*$FYN7jb1T~NQu#nz zcp$tjv1J2tI&)=!v?8m$);_Q(#6oM2hW^T`rjkPHq=u zbD%90TEeqEwF#A3;*oae`nYm=y_fY03rUg;qtb@6T>MEq@x%M0vI*} z%S_;qTPHV09~5zqSh_ujeRXzqF2wW}p;OS2jb*NYY2}Wg4~X1GEV)PImjnwDB`^b{ z*+zhJV(he`Lqu-bF_t`|x~_1xP&!d=aY4JRV_2%ujcqE~5v}hUDfO@DFAx#vh!%y< zXq0x5MHW&C1=-|Y;Ird#E3qFQqzmV2EKYUw`gVwCDQ*S;XMCvwr0}nV9b$M4D{SP- z&aeXCc-x9{L1dIS_#JgLy-jGSuk|nc`BQ2m<4Du3TeeJY>$}6-r*Nrb<5D6|a=-{h zT62dBUZ8NMHtPEF4!RJj6N?=fUVB!$zcs@(P*#zwv6S8O9bGy)<9(G)WMozXl-dMW zjm<|{9`cHBbjaFsWa#RWuEivyMthcicg@PGRKca#SGv$vr6RxmBit*20zkkZJbxls z2rb*N*PxfTX(U#Mi-|Z-T&xy1DqdA^TV&?Y@f+@@_I3;jqwj^=t#cl=utyQA)zvPz z7n$u;M2=69WxOog^>M!Q_#Q{gx%+@0^RZ0i7C?;RDozzhTM!uJd332j#>P|LY?)Q1 zVYR9a&t7T@{GZkEzA`LuNa#&sCV%A_3=U*=(4;ld{Vw4`XXakAPgvV6#)Gn**7IHR zAf~ip$j1Bh3-lk)UVyf`@vRRCQy7rWAS4F%Deo3WVju3lMhV%)?c)fl{k$Jd6fWiZ zkoGHtg3Bb&0Jqlr8@SRp?kanRuc_P~LUrqGl!p0eDeC?nu(3}nMjfWV8;CfRx+Akt zXXPQH7JsGkxNd5xdT(Ev$|BJhZ>3ces192a3N~&PXe(fW#l>gEu8pgz?CN6;;Q?M^ zfp~0Hj*GO5Q&GFvmEjuEm>r@g7w2s1fJvl=P11E12YDIY^=?>|(~Sl6eRPeSb9^P} z6o6rfk?DM=K|1R^->xxlvXZ_G%`CJp@=;X7(=t|(7llW$MbV}NymBKU9>l(^K_@>8 z_#NOy1m6)x>KG*&OP0GFrVy0hRA|wNpgizRyqqnG@ zo#8u*c~-o6-M&v;vC!$_?bb0m-g+n(c@XJPA_gt7u+m3*%!2$NEhK3)iM0+J_L@D> zDB(-xnPYzK&M$8u?yCfER}jtu0RRRF?-2Zy0fSu3%Jy;i<%|eh^<1jWk_F&wGTeR- z{|2udEQFA~MMRYbrRS|z1N_ACp@(UPjg_j2a#&714)l)zd>;9mNG>UHn3E)~lVE8s zxrARY3e+O`)3E@k5&whw)5&cN0>ihRVeCtbi$gp$-yY%uK?!_&E*U$~|2+Hx^d*^? zeqgA|a=HmTPAJVzJ^$TQ)woj3dBUla_?NmZkBB$ zpq1`%*58mraTgguI)Jq%K~T1{ny=+>QH<)QZ13SP-fzXf8Z6#;eN( zCa&rci=ZZMs$Ne6VS3a37XjUUg3oV6QrIOSY3h&5wc9b3@c|;>7Te)y=8-|Dp4zXW zj}++t-Mix(=3j@%xZ(T+t3|2H&gy0(W4=}(Ja0Au6rzY zxY+BX%ms!CGD;iiXMn)Jy8^sESNxS{l#~S_^0Q@Hc_`-L@Iuv?;=gDqI*h@_B*CMB3E`#Kp>R3{lRLN>ha>aa5$;{**d!7B5-Yow!VhgDEKegQz zZ`q1Y^=>UK8u=!vJycHW0yFl&i&AOE_y>*2tf3}| z4kk_S+T#TVv8~=Nw{Fqm@4RP5gUlZQ88$L>OiCYD2Z3G(DdVl`ujz%-6qjtB#l$r; znYtCY98RU@gGLr@BPH`tPB+ z(_XSk9uFAv@Ye*r`>l|V6c|Gq#PwwOVf|pNur?h(yPn>cBr|%eQ{pf$_e{)}9>>fV zo!MT1`Y@MK_mV0mnlL}wvP+%`44!w#xJ|Jdb-Avco@Z)gp7b%Q3CO9g< z$t3evt>lM^!>_FGg@~(`UDPXBB)Qo0Q_XADW@;4Nk5}G99Y%@hcUKy17EI+of$q!{ z+i`(FP5|pGt1Bnx$Eyx@_5ylM-*gcR+bk^hSbSHya*YP=my0VYjX%Y6Sco*P{cqAW zkD5HlRI->c8nW`zg9uW(qq`4U3@S*ECLM5y-Lgs6sOK%lBtq#*ZRsyWx3`0}cDCHr zI9;Jb?JjNSK2ugh4h58OTsmaf{HO&U#`xgOWYxAIofQ_Dyw zhJDaB!EdnRR9Y#+R;p=IgXmTQ&d(3h$(~O26{3OefwI7LlmLqdLfzoi$5s{D>%+_D>gC?v(;+cVX31} zeub^ia8=)V;+hhnCQ4Gm)7(ZPs$@Av)~~r1Uq|BrEr}@CRsFuya9VP2%LCVdu^qHv zdaKf@0IDzJ1#aW^_;B*hpQp}P#e#2#ffFL2;6gd?$rzCPdXr7Q(@)Jori76$_su+8MVIUIVjJucJ$M#LYo*#J+-xz7c*k707Lg#TCh6`ZM|KpkHl0!4!lv4a}T!uaM8IHf9kc+Sz)2` zmn(|*581*K<#Qf|QkyKxmqe@7e5mbnI0>j-%%zz7?s?m%;DbY7ybMmM$G#OXm1=Mm zI6#K5Tt_(dY^%3>wZTx)kW%|CxrKUae0BK@nV6xb(cW`{S68Jr&$lG5L-)q0oVlQ4 zyNli-lZ@1{c3EI5RfY)CE!60>DL+KU)%x%6q(iFuFrNj7)OFTs40^rivf89!e8PNH z@Pm+WoW8)$CB}D{@U@8rinx2{zketfxQVG9l%B*aoy0K@jB*& zr5o1m zGh|en&BEiTUyakC#)^+lN0CL6t^H6WoArE5armGLGpj)~MV})gCJgClS4=_8Vfp3^ zGL%S7wT5C|Fe~&!7C?FLLl#$bF3`~w>Ls5?hGi08=|I^tnfa&7`fhC}cf|+?uwSgh zc0Qhap*;HU;|R;knR=^2;=^Ma$EDPXBjbJ*CKB;$8vV)8UzN!gTYq9oxoCcp0Hy2;9=!s?0{(L*kQUa2~~AnK$y>w8UqXBiaPvBCQ|J)S;yKnU3K5=nt9iNgSt9 zNSsAN53{jc8 zf`v#_qYb^wzMbJ_nZje<%G7b=FpF<0z;(jzl$7bq2~PzUoU%*9;yIrp84D=OaNquA zPzL4$KrZ{TJW^Uqjq7Y>;<89RA8Mi;QzCUNeka4~eiu4_2<-bt2{bQyrX+lmFLI^r zn(0=_8-O|^O32J7PT|eb;d})NwlEayT#uQ5UYm?Ddq~{NCNkxjX6D$l`cP4kZKv<; zx56+sZPd);hgxbZXWcN-erRMDd@(aCJ8< zjM*n|R91`j=}`v?Q6ntCs)J`RjohorFTYZ z$`l|OTv0G}bf#Cm@7gDyZRY2|9newp2lHe`*1{Z)2uM`iu-5Hm9_Lk11Xx2ES+92x z$l4Ncv3^M&ODUTYf^7E)10jnWHZeq?~2d=z>L?_1!Cwo*75F;=D6~a;c zmktZ%s>;X`%tp&$CyDypG#_Rwg5CtQ{c@`b)aE?yxi-Ie*N;CoI!M($1QmV$vnKqI zab3ZCPQ0^n{VZ>UhC>zdJ0K3<)#jOsz9P5XH7-tvGQM1W%2K$nXLq9DNBAy*eiCgm zhN_@*Ga#RWWX>g#N&#*C=O*{umLrys>G@6OaEzafG<7`0?hy8T*|B~7Pm_0RLZ3IH zkP1TZu&GKb+PcN_m?OaCMekRpdfnOsfXd7FjsOt1V2mN4-R;N*&AWs@rPqJBO?gm? za!8tZ(!k9Gr2)C6I{^EXgMWnjpoXl5g~=95+W|%MrZrO)P*P;GovLF}F$wMXDDNV> z)Az{$sdTQ=QNP7uE~ZJSj(c#@H_Y@@{rfkZWcJYk?U^-RQJ%mIf%2HfaW_*`a=To% zWz`!@I5^NuS!Q)om?b^gl{R&_67WXKuJcpGf!344BuQ`{Q?JUw#w{?Ts>v;D{HnTl zyU~f0|9bSsh?5I@U9DD{7ot!DD4t z?()TWp+9ZXlQbZynmPj3AcDY#&qPXTb5+W!`TXPalYB~(6BtDi7!kd68km@|8A5oJYe+$KsFH%0u#2v;UQ_w}aAH zO!AWLayVb74m7+JU|cIM`Z+P^1mSN$k&VFeXD|PrjhU5s26#_V;^Ys8gGeSb3Nf!G z=Q`G$<;9^p#>?SyqU&uUyyG9qKT9**v-htus({Rk;d}!l#n}1gzNBsfG?r|o4zw;v zKy5O=cD#55#29To=m-h6ZEnt2l7BsQX)ABIX5hL|~+I;Jxn@*4c5{ z**u6!EJ_s-|JJHXe-t?T=cf!^W8^iuyc5j-fw@-l=Uj-s>MKz5s;^#*4~KPS)U2C{ z{hB5&^}Q@9%@ESSU>ma1q33UuIP)TAR`QS->5CVjN`?*=yacKP%_z*(+&^==1we)l zlhGXHOHuaJ^~_3)v%U9ttLJkXDN_q0=Ql~x`+ODpkpjd(l!lr!E)Z<6{W6$;@6V3( z8#$C0Vr^%ZB-0L~MI42j9197F!&(qUW^k$HkHB?|vgSt|l_Q@}`k(un*1A`Wm%=rl z7nqno%??qQb{np`rTlbcxG?;2RMl;^Xf82kR1#x+JKllkYO&iCny~OUT_-l~6pt-z|47A_ ziu|kWD7;MN<|IoFIy+Qmt$3M$tm?aKPU1ZPJtN)k>VW-R?{i4U`O#Rv{Zw2Z+!2rq zv>n1lkBf%~7q#;seeqkysPzLBoa%D4x}~g`qsdU};geM{Dlmz^y*cAfe$V&QQsD`|QET2Z9({Q);kY z%~3hfcuoElB;4;N&B0Ojb)&s>r9sU3o>_6G$9qfdzJ@+{C*YKaB81%m$V>}OFL%Hw zm_F6B`e)J5AP_#8Et4X?gF4Zp{A9{vyb@?LnA=qz>r>yS7*{j= zl?tL~Z@m)!AhkeB5VZovoyw4nR?$ev&OdV}nFUHl`qYN5%CWm;Z+@*`lPL6EgEvE| z-e!h9d51VF{Lz250T~xq@wJK?;~Tc_^MOfd8Cbstl+wbbIobb|T5Nm(_j3+X3pR;3 z5Q8c+4TH7|#PgUA_>y%v>{osHOd;%rpZ+{5?g8s-KfYDHos;2HTXLORxhxCc37+e^ z@Jk0o%IACETh|}^*aFJy0})Y>aGm0-)O31cP~)!6pgfIIMJaSjRnR0=67J!@m2Y*D z9l&&uu<{U4lQu_JYhD4oFzl{mXZzM3D%yVjkVd>%|G~ZAKbgELtxsXd)=b@S?_U=(h`a(sN!G2nXnllcveeg!34(4-JbxQzdkz7K_{8v4Qy`-P%xt3 zl1WfChboQFuAW*$PbMlOn|n^aTT`Zy#GVSw)RC8lxL3{XE?{oYs0QbKIL+!sv*%Ue zR(iVVev?A}L>#$Qqs+oWm%JZ8oNrQFVpmGbPR&0}%RkMWwjUvMl31=*W71rjS`^w@ zkOS4LfO{7XN@L&$)3t0m;krmrQVCDh-f_FO*IuUA&heZy#ACH=<(dJjriQrif~WL+ zM{v~KU!`ONPAmvJb+X)WS%t<5BIYzOvy(V?Oq^NZ)`&qqbeIHxLfm>0e4{_c*Hkx5 zZxHs>6h&LrtX^2p^-%luUif@CTuK=!m=x9K-qZ2Pr@MFvJ~$X}i+cZZ>OdVR2lZ}x z1A~QVzM!_Eh$;;dJKr|uj}5u`M?P3fq>FN;%UAo$zAq_FN-5>H%aNq;f&mS#Sg2bK zJ*_549@9QNImG(jRQ!Ud%WB=Io(eEir)l+@@daC4%Ss*to2fi!LUa zRo1C8|%f{hVul%Rct)1 zQRvHni+x|c3GWkq)R?DP_NPF7Pvj#^i70nj{5A>hBD{u7{Y1h2v@soxm71}B17We=lXF}lvZ3x9mNZe78`Wxy<6r?duNw}kQS4K z*Vl50SK^d;;`OeZx??MLi!-q4``wB<`h*t&nBlA58d-;byl>yx&eX;fyv)>d`9VJ4 ztd{A;Y65K8up^l0n5{roU~X}{45w8-Z-0n&UE`#k%2dQfgV3S7`tH8wf978a+n&of zwJS9JC8bNlL@cT6=bNVVo6X$BL*3Wu*4b2m?caA=gq_eNPUwiI8?*D%chawAj1DK( z+>ig17MAQlLp(rV=1joJpKL$h4i}s(>^w9I65M6``Jw{b1LzsyPVo5r_E3;M*@d+S z3_RHZiAWN%^{6>nhr^{7S2O*TKLQ&{_F5gH)2_EsA3|-sq{hBnBZC(GSAE>i#M^-W zce;SP%NNV%-{GhbuiZXZo7C$9)Q3^VopBpQhwls@p{dW0YGM3q3#l2`KPwwF6u#dg z$CqPoZGr9@{c?@*8)b(S;D1M!PMXUf3vbu-GaAn`R6gHD!hoj3Am29O&hzbOJhI1M zra&@hk|nc!tI4~s>qkyxViG8R*SphRe*sHL&UnDtdEVv`GvJpdRFR<5Bu!rZTID)g z-uTqWSevHbDu}`4G|=JVpD*rm9??+I=&_zS$7AY|v??h_BuyfAK&M$|`}pI|LjLOM z_JA2>vyl96a%ob1ZENZx4KL_h3v2F1lSt-iV0&hfNAmOfMUl1TO;Lje5_(oSpPg)R;C~xkegBYdidVo8Xuu|LpGt-s;O2^hXQu_0Lz4|4!A^@;O334m)^0u5=px z(B^ix1k@|5vTmXatV2T!;=pCnlG|PT_=UF8-SDm{ z6-}EvHjmHVm#%oxZM$kd*4jklr8AV&XK5x$GvT-G5k+v`*no1u$(EB;6*ML~ zOTeE$Ib9!?$$e(BTJdb2Qyy2Af50y+O7(QBKxY}@5|{F?eh%J*QwmO8DlZR|$qzBPNAhZqHdhMR&l z=4-U)Y3lX+&@{c_&a}a7p(uu`F8lqsL7pMm=>q@A_a@AdH3g2VU0cEXrmdS23f3@j z${m5haYDtd^mx`&A*L*S067Z5r>fDVW~;E4>-c^a!Ju$a)2MKVEz{)h&B%W|8#0Xo z0I|KG1(p_cEK4oR%ki$cKAt+LXU553xu;}uW_|V;962C-T)ah&Su;PmeZeg!Zt|`% zdxOm7vZBy@ZDDn7bsB%Y7{VvbgP;Jp$O@$Ky0v%yaGQ5$9>YcjPir#YJ=6{_vXuyQ1+q(&~Bkt$Sa5k9;28 zdq}KlEAT!uhhSI%et#Bdt94Np6?Q3O3!q^L>=p~J2hw*u8HmN;=}9tVE2 zUw;_5D%XAAVx7mgI+6QYr&UU(-t-98X?mOjf4Hlq5Zo_|d98)Ox`Ffw7JauN_@t}x zmbi}G!Rl8+1pGR9t8o_Rdnp6yigv1BOq}616q0epCRoirwx$_(*+Yy6A%uDTxC(t)zbS^@}rO9hw6Zu8P~s@$l^vou?*8uHGH}92{&q$rqsC zV6w|zlczTtWHxY%NPYmOR{n*$vE;VqJ0%AUY8wJS!3}Cn;#-&O2I1QECY%-L+rtw* zpqYCubM5Y`%bV;$_!~Taio|TRszGrDkTI2im5+<(A>LP@*rhL>f|?{XI`#y$hRv{< z;8}=KL4KiQ?8>Iq^zXv`s{Pu}B4_gRcsZX!(}EU&At@wCdM|-}1t_QEkL82&H{VThlulqu$6Zk~-- zSD8hou?;``9naZa0cI)9=v|1g$8smlI_gA?xrP2;Wh8gl@JpZZxpO;@m8lc>PM#E# z=8bThk4HC&>)id7X#&c;#J>&ZTDL{Eji*ONX3r5qN6g;Oohx~;)tIu>B{sd>KW6de z(nD4)x(K#tuWQ+qn1;Xj(f|lqdOkU9O5pfx9*uo?n81Kv@6jH%QDk;oaQZuVyU$ z@A#=N@kMB+uc&LgCm%{twbWXv$!v}&P6OkNQX4Q&Wh0J z_EU7`1%cjWm#5v|vDaR;<`-oOPvVBM!=7!aN;9wkvn4(x*;~xqw=)f5k0pmm&TIRg zyUbbMyGtia)qnr!2|sT9L$JgI@d_XCBc|TtQ`UD@@*7eW&pI^QHEpEN-?biZ`jfryZlv_i*U|(~{1+x~Y43k?uMW`x+dhDG z=(gQ&mPu}T*y-jrg02pfP;&joooVCq3(JRQR!7+yX$<67_wWQ%Mm%}cW?8Myj->6B zOGcrY+jXjEYG}lhYt-8FJp1vg0@D}3!x6v}LT||~e?qD}&Zr#^nl=NxcQR7Ugs$05 zY5Nr(^EJ5typI1Q9odmkb42xFA@Z;zDU^*=L$Bq@SNMFX=;X=UW#akjri9aSMK`$~ z@3Wr(C9r{}?zgAH{meZ_b1yB|f+nrrcPqZ_z#X87ybaQrv&)83XHe7jGvwpGwwt$0l+c0p`ENJD)9#-0 z@mK`SJo0FJO{x9*(x^gY%3o1<<@$K>%RbyM;mS5&P5~?fIxBFDxvTDn{w(==oo~W# z4et`P=iI#+Uyi^UYFmkk(4AsC(0Ffjxl>rrW6mv>EDqQ7rZx&ky%L4DSA>OF7dS4J zt13@UEc&ZbfD#^ypWtPTf29h8n=&}b6Te6Z=9XW+9Bb-PSyUSs*rk#2(LW- zNuxRS1s9z@T{8S6Se(`NNmIhrD#=)fi!qsak>r)tliYrAQG5GgsZnxP-E@l5{fouF zF+W#lN0*KQ*F4z$QHTs)fU^CfpZ*y6oaZ7h51l;5Xg_VwwR8(z=&M+K9pRm-B0c|F zuRqvo!@n&0a%ZAVi9H#9b7-JN%;#b5ho z==1-%)VnO!q|r1nj;!;Rz*T{^&}L%5x=JXUWEU4ypH%=}>gUf1otBx*rJw!ndLB$& zf_!R>w;gs%OBVjhSH%<5frO99Cz$<>?CDh4JrA2_I_>UHSm#)m2S~2C>T*e_-A$>+ zeDPM#x?59E&03}|Ukg^#{qdFcoj&gok$RVVqm?9=;7u<1^4${9t?^y(UO8>3JRpBX zy(c%Cq9*LwdE)zk=(*-xR8vk&_uk1tB#v)mvB2k1^nQ=Rlp8fv=am0^JbBas6@G7N zBuUZuSJl^PinOhnwVy;-(-a0RIaNc}EtwW+icR;%>G@x9Ng30ogZ3L<~? zc2c(OrthVo%R$!Lr{ep3M>W*tgpr-E1hpatL>(IA5Gm)t$;4+X0=Vd&#T1si@%_Mn+BEvl;yFhV}vxua_ zULAG8k>ZI~8g%7r=-mm~zRz!pYv0oVg42`J>0a}yo%Md%olrfw&xq0@{~mQ)NIj1e z{=T?(f4eEa%zX3sD!wJR7eIOKS4k${JsPv7cVtPa?r*gii#S&Fcv);rHrQ5fNrAPl z2>k^LWTzAQ)iXnyOqGpzu&G?`623bbC}TzAEM>7xb-n7kqB-2)3wP?98nx1T$QN$h z82oa(Gxo*gwcqUc9jv3A0dL(R3MW%v(EM4$^XKLLd}oE!_tNGPU@Kx^ zIyuvhF)noQx;_{wIFa2zsVvvq8%)JZ1(FD}_8zEo0^8ivF8S1>KNlVe4@dZ3)!Pxw zvt$!d5mzx2&9}}JpsIWP#JXPWT-{N&%yhG>zF+63c$^?8S%x2tm}WHWB_--v%*0=< zj*%%SA`ZO(_OglrDK>HZLiLcU!oplyotcB(`2~4lVnV`5f{|WUy4?^e$)VzNy13ZX zNGUoyskMh)JtkZ2V{;#kirP{(r8c7x^;q)hgY`kuMl=;|xK%^6m=-e`L$NkJ}%?({4^MqK~ zU<*v0mWWv+&s9D8wZiH(k7b1w%a)Z(ys_Rzsf9Wa4`YB@h16)z6$PwfSyHy_! zRug`-`}&B<$j0oPUbJ%Xz=TtA%0{X_FW&v4<-)rbjp2Xo!^HpJu>Wlch?v|wi=RSB z;%S$GoduMb236ea7*7jdxd7N zPDeMSFgya?Rz^Uk!h{%M;!)wr#N#95QHuLd6)v8hs&rc8ZjP#K8pbq@zcaJ+t<#burJpG1S+fy}^D1007WxX+AL~M(Dqnih}s< zf8;Pi3}nw$^;7|X`gG8h139tJ?WAd}2LOcf6Z2vLfQx_me*l0$2><|N4*)1+0|2*t z^4pCb5+^7ebu^v;2>+hqu5uW0gfc)&Pn~j|0!Sjn%OH=x0{}3gw4SJ%hWy$q2+J_j z$mxk%+*)Ys@3b3b06Rmu|AS>@XULIJ@iM@`Z>7xgsABJD-x}0#o3_}g?655BsC}Qi zn8`ArG0gkf)jbfB%1-VAMeC31=<#P$`k1IXLVF%!kMr?o>Hc*7IX&^Kg^K>s$5pxQ zCM~WP0a42{c2SGhfn16Idz1TNxDJU{d*P1#eD$F9O`#Y1GLl5%PBwKu`6$qpbWG)r zArJ-N@PXdWAPbF-=mGW6txWXj+Xt7HE5gl@B==NqDlP7ZjFd3wE0BI=!aE>Znu1XW z%$)!Wnog$dr1A|lG_Z~&owPvZ)`1!k6kL6gubVGJ@$KhQ36SMP&hB7~vALZWqx%ozEL@*g%mX@KxndI@$mr3uwX@ zk!#P;aP(Q&UloNr{UPNfL%#j9y(Hg&Ul*NlGI~dmfz_V>rDzr1P3c88%=Ro);w(+J z)~>t?s`t@l=aV<(oUP=VcwHA@4(Zz*ZbzcHVC6_(2v!i6@`n`4CYi zChu)16*GzzA`(uHzC8HogQ)%cHbo{@nRJJUEI@#H(>7aQ>Hhkqc+XBS$U1CD7AhJt z9DI=JO!j9qq@L#p==xD&`Uu9Sct1ziG6}<7(2*76wQ2mXOBm|g8LgNI|am4kviE1}DpV4&$6AC3Q z?+Ld9H^z<$6n`Js0s<=aj&G>1jzO2qW)?2OOUp0Y>ZM{zg-dF>c)-W=hc|^@9+s|X z;=K7Ybhtiqf1g@p`dXJwFZwHF>gN*UlgrJJjODN1)3qsov!y50z<1UWw|Q1bEYJ zSf)_Mc>$0+x0I#NeOGMml7dB}JMm-zyrJzT(Kh{&hLV{#TX6;}Ldvsq$#Ri0g$uve z(2Pkk;qe&YQ7QgGr!zXV^b_F;^+pg?E0Jx1;9xcPZXuiCg$dC(iJ4KQWS8WpAxAVw z(Di>M88es9*H7^`N|)>eqp#kD*sjEV?o!F-IPL@=$LmfDD#OSgiz; zuP1z!xBZfsz6SfMA~qP`1MeLumsQyLQg3t=7aJc@Ik8*3xmEDnT%uHt>_}-jE37wm z73fM*!y^nfx=n&>UPE`;_enq-*&fZ@Vp9}W zAw)W+212>h)NW@~tA?K!wY1b4vbzkq8=TDHVjTd1>;Lt@*bt%%(*PGy=@*tb7XHz2 zMSh;_4?xs0jjFDX#ZEsVjig~5C4spa4>Y}9Yk{&Z{SueQSsad$&-XpNUvScJ@X}liZvgMo*|yGfI^Vr z_2dK5s{O%Q@4gR^%s@x9lJ@pHN$3mGKXQgvPR7^M;vI2Gmj1p8`Ap9qK@){?@_P)= z5C(3UgU;_z<%K$n@45%{j5Ch9=E)X_xDN!j8Zu50xuXpxYcWPl{IM=o`G)$tIF=R0 zc;HFA(OVN%#9Q5WM{fQV3R`}&yO6wqT0SSf7ErODV>QJBDHC(@(8O zVNt47H&E!aIHN8JniY6IOS0TeM21Jw-;Fub@vc7XHF>g4xE7YKEQzSsxP&#Y zzVt;Dq8eqS&C@0W_s?=L8(@@0aroH?Ft;U0CSa+5ap;dcEf%E;8jkTa@+@)m&4m2! z{$B1}yR1wiDW+hnwV6MlNoOkew2DD>VZq;lnKd5xaN+=wzFJ5*&C35H9Wtf6xe)9y zBg3QrexbKJW3GdA>zl11JH$3HGve6ysT*$|FTUAdC{KzKy^1}*CB}jR!}OH6o;na& z>f6&VCA0TS13Vq#Ln{i;ZP~MywW>?#GR-?%SI+3)h2nfK+Bxqw9a9H%l6-+kEvX2_ z`8Jr2w=v(L4E`!Ab3rK%Ful9Kw2Op@#~V$=xKDRP8PwLc1xhZ>%RiQ9CK^NQ%(%mz zMYM{*2zi#K)uE}Mkq-q4bC!o=XezgAdMXQ_yxdyX6x*W*@vTrlF|3!52?$)OH{SST$*Asp5 z%m|4#nfmx=xpkKhZ+2$vy)Y3#ggbrqxwtc2KIVATemWZnd+XsBU|m(RzPCLy-aXF2 z(C@Fwy5`uhy&Pv|Z()4Fvy^im9NGW-kI@a^1{vfzY?f9pJ3q`uNyGBNeuj?a2s8iU z-@pJ%zSi+pT^4w=L;nJgdS|Mqu39cLH+ z^E!14@1OqYc&w=cp$s!@UhU5?{MN^HSyaXag%55_&eEE^2%Q+Z7Ml7KR@dOMpqiD7 z8>t8#`jPFt{0Am_Lq$kD(ybN4li4yh=$tn3`i=m*q~?QDJ3!kK^4%OQP3YBw&Jq<# zEAe8Ld>TEG{ZapGfj>z2)7vk?&o%0WcO>Ub!BcfDk<~8iG@Qjj_|s`SBn9kt0c9A7 z=7y-(KCX)c?*)QRb&F@>ym~2C?C4xB&9jsOTKk4XTfzH1suwsZ8c3nHVs zq`D3Mo&*1b1J+n^HArH-#@+hIWDd(C>T*_uW;PV@)+c-DD8SSVcAxS z6A$wkze_~y)+kmR7pH0ti&H6+kgM8 z=oz5tRz4s5YgDfol8AXFlKlmfEXV>f_tAD}5OWcIZWy@KA(_LR)1@d;p(@TXl!RM9 z7A)Kn>O1q-)OjXyTK=a z!=mZ^zT~OF)r3GWHZn%`Ivj7R`BE&J4F&&J?zxmXYH#-AdjsZp+O{DHzt1H(-N;t% z&BZNPMdLE`aH8xa@v+>isgU)%UUX=e-mwyqoeJb%D@;~3AHI1zI}=pe=k>byGb*rw ze~y3!v_(*=L4MO*HvCyp0-lp_QQXdKc&%yCu-(tWt2cuEu(k`5)LJ%T_8%8p6CE4u zDtp!@OZRr^lo@@i<16xvr0sE-WCaj~z6hg^#zdToq>AN1YdwmqT_~8wJF|z+5U6rp zb(>yiGI1^0lLvB8PpQ|-SR1p5sRp|@P20jO7(N>Zji=Fpk+c?Znq95(Z*86eGn+;~ zoV|lj2XxXyY*~L&psmZMS62+lc5_23#jT#6s*gyx^=>Oer!LvOmUrYxy}5J#({-hS zv8$N>GcUj+FrznES@Cp^TfP(aP&kt}y==tTAsNOIaB&tz&fR!^`b}28FUkSc z2HHh6LiFd`K#xG-=*sHg;qpQ!^JZ~`C?rqGc?p=P_LyueAiw1=G zlMXIBCgt_L=az8a*J^nwf4gkcu~uEi$U!9(BkC~z4UhgB>=sIJS?Wse<5w_q^G1U> zZ}20W8FbgZBe`J$k{KO*`1tj+EsSt5I(>3Ruw!>?sW<3*;iQf-yoyXBv8o{YHFmDK z8TWR8{>-vKcA9mQWV|$>fBc8pekpdZsoBO3pQuHhmAB%lIf5NYL?vt>B@WacZ9rFQE=dIAxI$4>#a&2Osf`3k?xvI!sn z-RD#F_WQ8-O_Gj}uc{jMw3RF5{m8usbFsPYN8Z8! zN5bx&tih{aA1;(*B@H!^Jr$|FVBJc>f!WGK6Tz(!`fR%1lF(}N_H+E z6Vl-SZg$?0b_7#0j_A=YG@X*B(%ayf>J`nOrM*cR9Ayy?Gp*J$7bflx>GID_cuUL; zW3)lAAGaio^Fn_MgPA9hPyNw9Qt&|Zocd~iKgY2EG^qa9>F*ihyy{y z379zY;m5}t*%VG7tj?zkm#L6lUBvjS7YC{k+xp3KvNMYrmwd)fI5Jy{-ZMNX@RSy0 z%PRk6o29wVontEhOcIhdkF3?B^U{_eXqET}{t$+7TBU2!c!ye$ps$=_0AhEEq^y?P z+CzWv8BkNo@(tSHB)>4#xQ|%{6oktkSnrC#Hc~?^6 z`rf|05De4dvO}56*?tv;8sDAU3tD{Sw9vWSn$~gLjVnzuDD?1bs~xs%#s4_o#k}D# zyZ0zzRW_~YMqQC4K3%kJl(Z0_EQ5QrA8q@?ri0k_o{}Qa8XsH&;-F zDM%)``47bA+=_w>iFiGBSM@oZ{Ha}9Scc-5WM&-{glR=8HXWY_U*SPIFx9Z3ju=C= zn68uP*9wp7ZLfa|Z;D;??wDJ#1TGr~&CxJZ^!glu)rvz>iwDsAez2|!J82zG&d<#?p08w@E_05Fmh$q=mti1#Lx)hbKEQ1K zm|`8$$}=S_RxD2Bw|IJvl>N&$u0y(NYvBw_m0lhWMvm0xa_40YjmBIC>9x4$5>y9< z&4oM%It4F$27QIVpJfL{?qP+4Wd+(!D2VokKz3YrZ7&-0gD6ZY{ay65#(lIW0RYy8 z^GacNkLkmB>fh!%@OxL|BL3Btg9bv1kzEbD+R6|Cs?USJ!0|;pZK0^Zcoh2T>z$Bw z_j&KU=Jm?4QYlIkh08&XkM4`p#-~;YcK|RM*=;wJ`x0)(Cf#jW>D=35`?ASBcjl8t zIAXHizYA1GwLgBt%i)INspbK*7&PwaPM2gNT1ljB^eK@gDWqlMm;ZpP(Y~Sn7TpQD znO^^%P;ivYzbg{f>lLV&d!&8V`J?a02U)Z|lST5+&Q$6=tmjRSlIZ2! zXt?cHFS-<-Eq@UCIJBT4W=i6-y2U9}_d=22VP@N8Xj#uU+^{8t5C}6*+UWBAPnpHV z`Ai^1j#@24X*VgmYfZr*DR2JncJCe<#Z?%E*>|4=%sk{1Zc}`|Nq0wL-a99JQZUka z%0OGJi%{$`GgG--`#CM!r2Dwaz;pn^KQ`&YA`N$$P@VVBoNTP$qp)eAMhJg%lC z$OATK&~mh-^eK4lI0^zkPiP&dgX!&$p5jjtL&_1~?eWrLgbH`XgbU}LR9Zf^1@$NY zN6Y_s#btgi-Ye$GpfS0?b2AEdq=kg1LSCyj|TqT(|>X`M7Yq`2;ut z03rG7M>JHv&jbaB4Ms+_HjM$KJRmVA5EBoR4vd+UiTepurr(*Ar_q#qWOn*1Y7})F gML7c1EY=nSU~Vx69I4%h6PEyJsp~(fRkM%zA8Md%b^rhX 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 12/60] 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":"AAAA;;;;;;;EAOE;;ACPF;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;AAAA;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,kCAAgE;EAChE,wCAAuE;;EAEvE,2BAA2B;EAC3B,oBAAoB;AACtB;AFoCA;;AG3DA;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.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":"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","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; } From 8a1150d3c243588611fec41fe43264818e3eef68 Mon Sep 17 00:00:00 2001 From: Alexander Bluhm Date: Sat, 20 Apr 2019 18:53:41 +0200 Subject: [PATCH 13/60] Added approach for new select select tag is styled in a new way added preview for select tag --- index.html | 7 +++++++ src/parts/_forms.css | 6 ++++++ 2 files changed, 13 insertions(+) diff --git a/index.html b/index.html index 9fda82a..3edfbc3 100644 --- a/index.html +++ b/index.html @@ -73,6 +73,13 @@ + + +
    diff --git a/src/parts/_forms.css b/src/parts/_forms.css index 8d95be2..cd5dd3b 100644 --- a/src/parts/_forms.css +++ b/src/parts/_forms.css @@ -43,6 +43,12 @@ textarea { resize: vertical; } +select { + background: url("data:image/svg+xml;utf8,") + calc(100% - 12px) 50% / 12px no-repeat var(--background); + padding-right: 35px; +} + button, input[type='submit'], input[type='button'] { From c69ceda5e939878a2232b28825e25181c419c46b Mon Sep 17 00:00:00 2001 From: Alexander Bluhm Date: Sun, 21 Apr 2019 00:50:53 +0200 Subject: [PATCH 14/60] Fixed bug where the arrow icon on select is not displayed --- src/parts/_forms.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/parts/_forms.css b/src/parts/_forms.css index cd5dd3b..304d465 100644 --- a/src/parts/_forms.css +++ b/src/parts/_forms.css @@ -44,8 +44,7 @@ textarea { } select { - background: url("data:image/svg+xml;utf8,") - calc(100% - 12px) 50% / 12px no-repeat var(--background); + background: var(--background) url("data:image/svg+xml;utf8,") calc(100% - 12px) 50% / 12px no-repeat; padding-right: 35px; } From bb2eb0e17107c2b43f4595c470f420161ad024cb Mon Sep 17 00:00:00 2001 From: Alexander Bluhm Date: Thu, 9 May 2019 18:20:50 +0200 Subject: [PATCH 15/60] Added selet arrow Added two svg files for the arrow. Removed old inline svg and url-encode. Created SASS variables for the svg path. --- arrow-dark.svg | 9 +++++++++ arrow-light.svg | 9 +++++++++ src/parts/_forms.css | 2 +- src/variables-dark.css | 2 ++ src/variables-light.css | 2 ++ 5 files changed, 23 insertions(+), 1 deletion(-) create mode 100644 arrow-dark.svg create mode 100644 arrow-light.svg diff --git a/arrow-dark.svg b/arrow-dark.svg new file mode 100644 index 0000000..6896374 --- /dev/null +++ b/arrow-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/arrow-light.svg b/arrow-light.svg new file mode 100644 index 0000000..dd2581e --- /dev/null +++ b/arrow-light.svg @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/src/parts/_forms.css b/src/parts/_forms.css index 304d465..983adaf 100644 --- a/src/parts/_forms.css +++ b/src/parts/_forms.css @@ -44,7 +44,7 @@ textarea { } select { - background: var(--background) url("data:image/svg+xml;utf8,") calc(100% - 12px) 50% / 12px no-repeat; + background: var(--background) var(--down-arrow-path) calc(100% - 12px) 50% / 12px no-repeat; padding-right: 35px; } diff --git a/src/variables-dark.css b/src/variables-dark.css index 8ee554b..8be67fe 100755 --- a/src/variables-dark.css +++ b/src/variables-dark.css @@ -21,4 +21,6 @@ --form-placeholder: #a9a9a9; --form-text: #ffffff; + + --down-arrow-path: url("../arrow-light.svg"); } diff --git a/src/variables-light.css b/src/variables-light.css index 8bf136d..6653f58 100755 --- a/src/variables-light.css +++ b/src/variables-light.css @@ -21,4 +21,6 @@ --form-placeholder: #949494; --form-text: #000000; + + --down-arrow-path: url("../arrow-dark.svg"); } From 64e7377caa76386a3cc5edd2926d95aebf818cc5 Mon Sep 17 00:00:00 2001 From: Alexander Bluhm Date: Fri, 10 May 2019 11:45:10 +0200 Subject: [PATCH 16/60] Fixed select in IE11 Default browser arrow was displayed in IE11. --- src/parts/_forms.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/parts/_forms.css b/src/parts/_forms.css index 983adaf..8f5fed2 100644 --- a/src/parts/_forms.css +++ b/src/parts/_forms.css @@ -48,6 +48,10 @@ select { padding-right: 35px; } +select::-ms-expand { + display: none; +} + button, input[type='submit'], input[type='button'] { From 436a4211eb5d199ef358e1185885f5e4dce55913 Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Thu, 6 Jun 2019 23:46:18 +0200 Subject: [PATCH 17/60] feat: inline SVGs using postcss-inline-svg --- gulpfile.js | 3 +- package.json | 5 +-- src/variables-dark.css | 2 +- src/variables-light.css | 2 +- yarn.lock | 78 +++++++++++++++++++++++++++++++++++++---- 5 files changed, 78 insertions(+), 12 deletions(-) diff --git a/gulpfile.js b/gulpfile.js index 62fb394..482e3bc 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -12,6 +12,7 @@ const flatten = require('gulp-flatten') const sizereport = require('gulp-sizereport') const postcssCssVariables = require('postcss-css-variables') const postcssImport = require('postcss-import') +const postcssInlineSvg = require('postcss-inline-svg') const postcssColorModFunction = require('postcss-color-mod-function').bind(null, { /* Use `.toRGBLegacy()` as other methods can result in lots of decimals */ stringifier: color => color.toRGBLegacy(), @@ -59,7 +60,7 @@ function style() { // Add sourcemaps .pipe(sourcemaps.init()) // Resolve imports and calculated colors - .pipe(postcss([postcssImport(), postcssColorModFunction()])) + .pipe(postcss([postcssImport(), postcssColorModFunction(), postcssInlineSvg()])) // * Process legacy builds * .pipe(excludeModern) diff --git a/package.json b/package.json index 3a2da1b..c9515a1 100644 --- a/package.json +++ b/package.json @@ -38,9 +38,10 @@ "gulp-sourcemaps": "^2.6.5", "postcss-color-mod-function": "^3.0.3", "postcss-css-variables": "^0.12.0", - "postcss-import": "^12.0.1" + "postcss-import": "^12.0.1", + "postcss-inline-svg": "^3.1.1" }, "browserslist": [ "defaults AND not android 4.4.3" ] -} \ No newline at end of file +} diff --git a/src/variables-dark.css b/src/variables-dark.css index 8be67fe..6730da3 100755 --- a/src/variables-dark.css +++ b/src/variables-dark.css @@ -22,5 +22,5 @@ --form-placeholder: #a9a9a9; --form-text: #ffffff; - --down-arrow-path: url("../arrow-light.svg"); + --down-arrow-path: svg-load("../arrow-light.svg"); } diff --git a/src/variables-light.css b/src/variables-light.css index 6653f58..3d04add 100755 --- a/src/variables-light.css +++ b/src/variables-light.css @@ -22,5 +22,5 @@ --form-placeholder: #949494; --form-text: #000000; - --down-arrow-path: url("../arrow-dark.svg"); + --down-arrow-path: svg-load("../arrow-dark.svg"); } diff --git a/yarn.lock b/yarn.lock index 9682898..51f8cb1 100644 --- a/yarn.lock +++ b/yarn.lock @@ -911,6 +911,16 @@ css-select-base-adapter@^0.1.1: resolved "https://registry.yarnpkg.com/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz#3b2ff4972cc362ab88561507a95408a1432135d7" integrity sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w== +css-select@^1.2.0: + version "1.2.0" + resolved "https://registry.yarnpkg.com/css-select/-/css-select-1.2.0.tgz#2b3a110539c5355f1cd8d314623e870b121ec858" + integrity sha1-KzoRBTnFNV8c2NMUYj6HCxIeyFg= + dependencies: + boolbase "~1.0.0" + css-what "2.1" + domutils "1.5.1" + nth-check "~1.0.1" + css-select@^2.0.0: version "2.0.2" resolved "https://registry.yarnpkg.com/css-select/-/css-select-2.0.2.tgz#ab4386cec9e1f668855564b17c3733b43b2a5ede" @@ -947,7 +957,7 @@ css-url-regex@^1.1.0: resolved "https://registry.yarnpkg.com/css-url-regex/-/css-url-regex-1.1.0.tgz#83834230cc9f74c457de59eebd1543feeb83b7ec" integrity sha1-g4NCMMyfdMRX3lnuvRVD/uuDt+w= -css-what@^2.1.2: +css-what@2.1, css-what@^2.1.2: version "2.1.3" resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.3.tgz#a6d7604573365fe74686c3f311c56513d88285f2" integrity sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg== @@ -1175,7 +1185,7 @@ dev-ip@^1.0.1: resolved "https://registry.yarnpkg.com/dev-ip/-/dev-ip-1.0.1.tgz#a76a3ed1855be7a012bb8ac16cb80f3c00dc28f0" integrity sha1-p2o+0YVb56ASu4rBbLgPPADcKPA= -dom-serializer@0: +dom-serializer@0, dom-serializer@^0.1.0: version "0.1.1" resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.1.1.tgz#1ec4059e284babed36eec2941d4a970a189ce7c0" integrity sha512-l0IU0pPzLWSHBcieZbpOKgkIn3ts3vAh7ZuFyXNwJxJXk/c4Gwj9xaTJwIDVQCXawWD0qb3IzMGH5rglQaO0XA== @@ -1183,12 +1193,27 @@ dom-serializer@0: domelementtype "^1.3.0" entities "^1.1.1" -domelementtype@1, domelementtype@^1.3.0: +domelementtype@1, domelementtype@^1.3.0, domelementtype@^1.3.1: version "1.3.1" resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f" integrity sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w== -domutils@^1.7.0: +domhandler@^2.3.0: + version "2.4.2" + resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-2.4.2.tgz#8805097e933d65e85546f726d60f5eb88b44f803" + integrity sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA== + dependencies: + domelementtype "1" + +domutils@1.5.1: + version "1.5.1" + resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.5.1.tgz#dcd8488a26f563d61079e48c9f7b7e32373682cf" + integrity sha1-3NhIiib1Y9YQeeSMn3t+Mjc2gs8= + dependencies: + dom-serializer "0" + domelementtype "1" + +domutils@^1.5.1, domutils@^1.7.0: version "1.7.0" resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a" integrity sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg== @@ -2075,6 +2100,18 @@ html-comment-regex@^1.1.0: resolved "https://registry.yarnpkg.com/html-comment-regex/-/html-comment-regex-1.1.2.tgz#97d4688aeb5c81886a364faa0cad1dda14d433a7" integrity sha512-P+M65QY2JQ5Y0G9KKdlDpo0zK+/OHptU5AaBwUfAIDJZk1MYf32Frm84EcOytfJE0t5JvkAnKlmjsXDnWzCJmQ== +htmlparser2@^3.9.0: + version "3.10.1" + resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-3.10.1.tgz#bd679dc3f59897b6a34bb10749c855bb53a9392f" + integrity sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ== + dependencies: + domelementtype "^1.3.1" + domhandler "^2.3.0" + domutils "^1.5.1" + entities "^1.1.1" + inherits "^2.0.1" + readable-stream "^3.1.1" + http-errors@1.6.3, http-errors@~1.6.2: version "1.6.3" resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.3.tgz#8b55680bb4be283a0b5bf4ea2e38580be1d9320d" @@ -3089,7 +3126,7 @@ npmlog@^4.0.2: gauge "~2.7.3" set-blocking "~2.0.0" -nth-check@^1.0.2: +nth-check@^1.0.2, nth-check@~1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-1.0.2.tgz#b2bd295c37e3dd58a3bf0700376663ba4d9cf05c" integrity sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg== @@ -3521,6 +3558,17 @@ postcss-import@^12.0.1: read-cache "^1.0.0" resolve "^1.1.7" +postcss-inline-svg@^3.1.1: + version "3.1.1" + resolved "https://registry.yarnpkg.com/postcss-inline-svg/-/postcss-inline-svg-3.1.1.tgz#b4215f4b2bee605889d2ae9e6007d5c70cdec34a" + integrity sha512-G2BkarW6gGpGFGAiKzW7aiulUS0/6QuCgq1riZEiX4oMaUTpU1pdW7BU6UFRDrdKkwS0r4icK2pU0bg6sCSOjw== + dependencies: + css-select "^1.2.0" + dom-serializer "^0.1.0" + htmlparser2 "^3.9.0" + postcss "^6.0.1" + postcss-value-parser "^3.2.3" + 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" @@ -3752,7 +3800,7 @@ postcss-values-parser@^2.0.0: indexes-of "^1.0.1" uniq "^1.0.1" -postcss@^6.0.8: +postcss@^6.0.1, 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== @@ -3895,6 +3943,15 @@ readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable string_decoder "~1.1.1" util-deprecate "~1.0.1" +readable-stream@^3.1.1: + version "3.4.0" + resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.4.0.tgz#a51c26754658e0a3c21dbf59163bd45ba6f447fc" + integrity sha512-jItXPLmrSR8jmTRmRWJXCnGJsfy85mB3Wd/uINMXA65yrnFo0cPClFIUWzo2najVNSl+mx7/4W8ttlLWJe99pQ== + dependencies: + inherits "^2.0.3" + string_decoder "^1.1.1" + util-deprecate "^1.0.1" + readable-stream@~1.1.9: version "1.1.14" resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-1.1.14.tgz#7cf4c54ef648e3813084c636dd2079e166c081d9" @@ -4453,6 +4510,13 @@ string-width@^1.0.1, string-width@^1.0.2: is-fullwidth-code-point "^2.0.0" strip-ansi "^4.0.0" +string_decoder@^1.1.1: + version "1.2.0" + resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.2.0.tgz#fe86e738b19544afe70469243b2a1ee9240eae8d" + integrity sha512-6YqyX6ZWEYguAxgZzHGL7SsCeGx3V2TtOTqZz1xSTSWnqsbWwbptafNyvf/ACquZUXV3DANr5BDIwNYe1mN42w== + dependencies: + safe-buffer "~5.1.0" + string_decoder@~0.10.x: version "0.10.31" resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-0.10.31.tgz#62e203bc41766c6c28c9fc84301dab1c5310fa94" @@ -4763,7 +4827,7 @@ use@^3.1.0: resolved "https://registry.yarnpkg.com/use/-/use-3.1.1.tgz#d50c8cac79a19fbc20f2911f56eb973f4e10070f" integrity sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ== -util-deprecate@~1.0.1: +util-deprecate@^1.0.1, util-deprecate@~1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf" integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8= From f7c6a87ca98e4c416aa5d3afdcdd870e5e6e3061 Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Fri, 7 Jun 2019 00:48:35 +0200 Subject: [PATCH 18/60] feat: single SVG for arrow, change color on import --- gulpfile.js | 6 +++--- src/assets/select-arrow.svg | 4 ++++ src/parts/_forms.css | 2 +- src/variables-dark.css | 2 +- src/variables-light.css | 2 +- 5 files changed, 10 insertions(+), 6 deletions(-) create mode 100755 src/assets/select-arrow.svg diff --git a/gulpfile.js b/gulpfile.js index 482e3bc..9337a0b 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -59,7 +59,7 @@ function style() { .src(paths.styles.src) // Add sourcemaps .pipe(sourcemaps.init()) - // Resolve imports and calculated colors + // Resolve imports, calculated colors and inlined SVG files .pipe(postcss([postcssImport(), postcssColorModFunction(), postcssInlineSvg()])) // * Process legacy builds * @@ -95,8 +95,8 @@ function style() { .pipe(filter('**/*.css')) // Calculate size before minifying .pipe(bytediff.start()) - // Minify using cssnano - .pipe(postcss([cssnano()])) + // Minify using cssnano, use extra-low precision while minifying inline SVGs + .pipe(postcss([cssnano({ preset: ['default', { svgo: { floatPrecision: 0 } }] })])) // Write the amount saved by minifying .pipe(bytediff.stop(data => formatByteMessage('cssnano', data))) // Rename the files have the .min suffix diff --git a/src/assets/select-arrow.svg b/src/assets/select-arrow.svg new file mode 100755 index 0000000..43c6b41 --- /dev/null +++ b/src/assets/select-arrow.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/parts/_forms.css b/src/parts/_forms.css index 8f5fed2..66d4a69 100644 --- a/src/parts/_forms.css +++ b/src/parts/_forms.css @@ -44,7 +44,7 @@ textarea { } select { - background: var(--background) var(--down-arrow-path) calc(100% - 12px) 50% / 12px no-repeat; + background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat; padding-right: 35px; } diff --git a/src/variables-dark.css b/src/variables-dark.css index 6730da3..6c46d4e 100755 --- a/src/variables-dark.css +++ b/src/variables-dark.css @@ -22,5 +22,5 @@ --form-placeholder: #a9a9a9; --form-text: #ffffff; - --down-arrow-path: svg-load("../arrow-light.svg"); + --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef); } diff --git a/src/variables-light.css b/src/variables-light.css index 3d04add..3d8ed1d 100755 --- a/src/variables-light.css +++ b/src/variables-light.css @@ -22,5 +22,5 @@ --form-placeholder: #949494; --form-text: #000000; - --down-arrow-path: svg-load("../arrow-dark.svg"); + --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27); } From c98fed02000b73a28d8aba0a813267a48c6aad6d Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Fri, 7 Jun 2019 01:48:08 +0200 Subject: [PATCH 19/60] cleanup: remove old SVG files --- arrow-dark.svg | 9 --------- arrow-light.svg | 9 --------- 2 files changed, 18 deletions(-) delete mode 100644 arrow-dark.svg delete mode 100644 arrow-light.svg diff --git a/arrow-dark.svg b/arrow-dark.svg deleted file mode 100644 index 6896374..0000000 --- a/arrow-dark.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - \ No newline at end of file diff --git a/arrow-light.svg b/arrow-light.svg deleted file mode 100644 index dd2581e..0000000 --- a/arrow-light.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - \ No newline at end of file From 5b3dac19e8c6a179b4ddf3108267bd712bdc31a7 Mon Sep 17 00:00:00 2001 From: Bobo Date: Wed, 19 Jun 2019 13:34:10 +0300 Subject: [PATCH 20/60] add and style input type range --- dist/dark-legacy.standalone.css | 133 +++++++++++---- 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 | 118 +++++++++++-- dist/dark.css.map | 2 +- dist/dark.min.css | 2 +- dist/dark.min.css.map | 2 +- dist/dark.standalone.css | 118 +++++++++++-- dist/dark.standalone.css.map | 2 +- dist/dark.standalone.min.css | 2 +- dist/dark.standalone.min.css.map | 2 +- dist/light-legacy.standalone.css | 133 +++++++++++---- 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 | 118 +++++++++++-- dist/light.css.map | 2 +- dist/light.min.css | 2 +- dist/light.min.css.map | 2 +- dist/light.standalone.css | 118 +++++++++++-- dist/light.standalone.css.map | 2 +- dist/light.standalone.min.css | 2 +- dist/light.standalone.min.css.map | 2 +- index.html | 208 ++++++++++++++--------- src/parts/_forms.css | 106 ++++++++++-- 26 files changed, 866 insertions(+), 222 deletions(-) diff --git a/dist/dark-legacy.standalone.css b/dist/dark-legacy.standalone.css index 43dc058..d97625f 100755 --- a/dist/dark-legacy.standalone.css +++ b/dist/dark-legacy.standalone.css @@ -151,13 +151,14 @@ mark { } button, -input[type='submit'], -input[type='button'], -input[type='checkbox'] { +input[type="submit"], +input[type="button"], +input[type="checkbox"], +input[type="range"] { cursor: pointer; } -input:not([type='checkbox']):not([type='radio']), +input:not([type="checkbox"]):not([type="radio"]), select { display: block; } @@ -178,22 +179,6 @@ input { 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; @@ -226,7 +211,7 @@ textarea { outline: none; } -input:not([type='checkbox']):not([type='radio']), +input:not([type="checkbox"]):not([type="radio"]), select, button, textarea { @@ -241,8 +226,8 @@ textarea { } button, -input[type='submit'], -input[type='button'] { +input[type="submit"], +input[type="button"] { padding-right: 30px; padding-left: 30px; } @@ -251,11 +236,11 @@ button:hover { background: #324759; } -input[type='submit']:hover { +input[type="submit"]:hover { background: #324759; } -input[type='button']:hover { +input[type="button"]:hover { background: #324759; } @@ -275,10 +260,11 @@ 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, +input[type="checkbox"]:active, +input[type="radio"]:active, +input[type="submit"]:active, +input[type="button"]:active, +input[type="range"]:active, button:active { transform: translateY(2px); } @@ -307,6 +293,95 @@ textarea:disabled { color: #a9a9a9; } +input[type="range"] { + -webkit-appearance: none; + margin: 10px 0; + background: transparent; +} + +input[type="range"]:focus { + outline: none; +} + +input[type="range"]::-webkit-slider-runnable-track { + width: 100%; + height: 9.5px; + transition: 0.2s; + background: #161f27; + border-radius: 3px; +} + +input[type="range"]::-webkit-slider-thumb { + box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; + height: 20px; + width: 20px; + border-radius: 50%; + background: #dbdbdb; + -webkit-appearance: none; + margin-top: -7px; +} + +input[type="range"]:focus::-webkit-slider-runnable-track { + background: #161f27; +} + +input[type="range"]::-moz-range-track { + width: 100%; + height: 9.5px; + cursor: pointer; + transition: 0.2s; + background: #161f27; + border-radius: 3px; +} + +input[type="range"]::-moz-range-thumb { + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; + height: 20px; + width: 20px; + border-radius: 50%; + background: #dbdbdb; +} + +input[type="range"]::-ms-track { + width: 100%; + height: 9.5px; + background: transparent; + border-color: transparent; + border-width: 16px 0; + color: transparent; +} + +input[type="range"]::-ms-fill-lower { + background: #161f27; + border: 0.2px solid #010101; + border-radius: 3px; + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; +} + +input[type="range"]::-ms-fill-upper { + background: #161f27; + border: 0.2px solid #010101; + border-radius: 3px; + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; +} + +input[type="range"]::-ms-thumb { + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; + border: 1px solid #000000; + height: 20px; + width: 20px; + border-radius: 50%; + background: #dbdbdb; +} + +input[type="range"]:focus::-ms-fill-lower { + background: #161f27; +} + +input[type="range"]:focus::-ms-fill-upper { + background: #161f27; +} + a { text-decoration: none; color: #41adff; diff --git a/dist/dark-legacy.standalone.css.map b/dist/dark-legacy.standalone.css.map index 263963c..2c99e69 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":["/**\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 +{"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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 671b808..b9a76bb 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}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} +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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27}input[type=range]::-moz-range-track{width:100%;height:9.5px;cursor:pointer;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#161f27;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#161f27}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 1583a38..db7048c 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,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 +{"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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,kBACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAe,CACf,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,kBAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAIA,gFACE,kBACF,CClKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 10f9dfd..65840e6 100644 --- a/dist/dark.css +++ b/dist/dark.css @@ -171,19 +171,19 @@ mark { } button, -input[type='submit'], -input[type='button'], -input[type='checkbox'] { +input[type="submit"], +input[type="button"], +input[type="checkbox"], +input[type="range"] { cursor: pointer; } -input:not([type='checkbox']):not([type='radio']), +input:not([type="checkbox"]):not([type="radio"]), select { display: block; } input, -select, button, textarea { color: var(--form-text); @@ -201,7 +201,7 @@ textarea { outline: none; } -input:not([type='checkbox']):not([type='radio']), +input:not([type="checkbox"]):not([type="radio"]), select, button, textarea { @@ -216,15 +216,15 @@ textarea { } button, -input[type='submit'], -input[type='button'] { +input[type="submit"], +input[type="button"] { padding-right: 30px; padding-left: 30px; } button:hover, -input[type='submit']:hover, -input[type='button']:hover { +input[type="submit"]:hover, +input[type="button"]:hover { background: var(--button-hover); } @@ -235,10 +235,11 @@ textarea:focus { box-shadow: 0 0 0 2px var(--focus); } -input[type='checkbox']:active, -input[type='radio']:active, -input[type='submit']:active, -input[type='button']:active, +input[type="checkbox"]:active, +input[type="radio"]:active, +input[type="submit"]:active, +input[type="button"]:active, +input[type="range"]:active, button:active { transform: translateY(2px); } @@ -267,6 +268,95 @@ textarea:disabled { color: var(--form-placeholder); } +input[type="range"] { + -webkit-appearance: none; + margin: 10px 0; + background: transparent; +} + +input[type="range"]:focus { + outline: none; +} + +input[type="range"]::-webkit-slider-runnable-track { + width: 100%; + height: 9.5px; + transition: 0.2s; + background: var(--background); + border-radius: 3px; +} + +input[type="range"]::-webkit-slider-thumb { + box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; + height: 20px; + width: 20px; + border-radius: 50%; + background: var(--border); + -webkit-appearance: none; + margin-top: -7px; +} + +input[type="range"]:focus::-webkit-slider-runnable-track { + background: var(--background); +} + +input[type="range"]::-moz-range-track { + width: 100%; + height: 9.5px; + cursor: pointer; + transition: 0.2s; + background: var(--background); + border-radius: 3px; +} + +input[type="range"]::-moz-range-thumb { + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; + height: 20px; + width: 20px; + border-radius: 50%; + background: var(--border); +} + +input[type="range"]::-ms-track { + width: 100%; + height: 9.5px; + background: transparent; + border-color: transparent; + border-width: 16px 0; + color: transparent; +} + +input[type="range"]::-ms-fill-lower { + background: var(--background); + border: 0.2px solid #010101; + border-radius: 3px; + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; +} + +input[type="range"]::-ms-fill-upper { + background: var(--background); + border: 0.2px solid #010101; + border-radius: 3px; + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; +} + +input[type="range"]::-ms-thumb { + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; + border: 1px solid #000000; + height: 20px; + width: 20px; + border-radius: 50%; + background: var(--border); +} + +input[type="range"]:focus::-ms-fill-lower { + background: var(--background); +} + +input[type="range"]:focus::-ms-fill-upper { + background: var(--background); +} + a { text-decoration: none; color: var(--links); diff --git a/dist/dark.css.map b/dist/dark.css.map index d732014..9e2cefe 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":["/**\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 +{"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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 83d512e..d815328 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;--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)} +: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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;cursor:pointer;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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 2d7845a..b253890 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,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 +{"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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAe,CACf,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CClKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 6081fa6..e7d7b3a 100755 --- a/dist/dark.standalone.css +++ b/dist/dark.standalone.css @@ -138,19 +138,19 @@ mark { } button, -input[type='submit'], -input[type='button'], -input[type='checkbox'] { +input[type="submit"], +input[type="button"], +input[type="checkbox"], +input[type="range"] { cursor: pointer; } -input:not([type='checkbox']):not([type='radio']), +input:not([type="checkbox"]):not([type="radio"]), select { display: block; } input, -select, button, textarea { color: var(--form-text); @@ -168,7 +168,7 @@ textarea { outline: none; } -input:not([type='checkbox']):not([type='radio']), +input:not([type="checkbox"]):not([type="radio"]), select, button, textarea { @@ -183,15 +183,15 @@ textarea { } button, -input[type='submit'], -input[type='button'] { +input[type="submit"], +input[type="button"] { padding-right: 30px; padding-left: 30px; } button:hover, -input[type='submit']:hover, -input[type='button']:hover { +input[type="submit"]:hover, +input[type="button"]:hover { background: var(--button-hover); } @@ -202,10 +202,11 @@ textarea:focus { box-shadow: 0 0 0 2px var(--focus); } -input[type='checkbox']:active, -input[type='radio']:active, -input[type='submit']:active, -input[type='button']:active, +input[type="checkbox"]:active, +input[type="radio"]:active, +input[type="submit"]:active, +input[type="button"]:active, +input[type="range"]:active, button:active { transform: translateY(2px); } @@ -234,6 +235,95 @@ textarea:disabled { color: var(--form-placeholder); } +input[type="range"] { + -webkit-appearance: none; + margin: 10px 0; + background: transparent; +} + +input[type="range"]:focus { + outline: none; +} + +input[type="range"]::-webkit-slider-runnable-track { + width: 100%; + height: 9.5px; + transition: 0.2s; + background: var(--background); + border-radius: 3px; +} + +input[type="range"]::-webkit-slider-thumb { + box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; + height: 20px; + width: 20px; + border-radius: 50%; + background: var(--border); + -webkit-appearance: none; + margin-top: -7px; +} + +input[type="range"]:focus::-webkit-slider-runnable-track { + background: var(--background); +} + +input[type="range"]::-moz-range-track { + width: 100%; + height: 9.5px; + cursor: pointer; + transition: 0.2s; + background: var(--background); + border-radius: 3px; +} + +input[type="range"]::-moz-range-thumb { + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; + height: 20px; + width: 20px; + border-radius: 50%; + background: var(--border); +} + +input[type="range"]::-ms-track { + width: 100%; + height: 9.5px; + background: transparent; + border-color: transparent; + border-width: 16px 0; + color: transparent; +} + +input[type="range"]::-ms-fill-lower { + background: var(--background); + border: 0.2px solid #010101; + border-radius: 3px; + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; +} + +input[type="range"]::-ms-fill-upper { + background: var(--background); + border: 0.2px solid #010101; + border-radius: 3px; + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; +} + +input[type="range"]::-ms-thumb { + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; + border: 1px solid #000000; + height: 20px; + width: 20px; + border-radius: 50%; + background: var(--border); +} + +input[type="range"]:focus::-ms-fill-lower { + background: var(--background); +} + +input[type="range"]:focus::-ms-fill-upper { + background: var(--background); +} + a { text-decoration: none; color: var(--links); diff --git a/dist/dark.standalone.css.map b/dist/dark.standalone.css.map index b26a3af..044ee41 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":"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","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 +{"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;;;;;EAKE,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;;;EAGE,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;;;;;;EAME,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAEA;EACE,wBAAwB;EACxB,cAAc;EACd,uBAAuB;AACzB;;AACA;EACE,aAAa;AACf;;AAEA;EACE,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,6BAA6B;EAC7B,kBAAkB;AACpB;;AACA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;EACzB,wBAAwB;EACxB,gBAAgB;AAClB;;AACA;EACE,6BAA6B;AAC/B;;AACA;EACE,WAAW;EACX,aAAa;EACb,eAAe;EACf,gBAAgB;EAChB,6BAA6B;EAC7B,kBAAkB;AACpB;;AACA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;AAC3B;;AACA;EACE,WAAW;EACX,aAAa;EACb,uBAAuB;EACvB,yBAAyB;EACzB,oBAAoB;EACpB,kBAAkB;AACpB;;AACA;EACE,6BAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AACA;EACE,6BAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AACA;EACE,oDAAoD;EACpD,yBAAyB;EACzB,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;AAC3B;;AACA;EACE,6BAA6B;AAC/B;;AACA;EACE,6BAA6B;AAC/B;;AClKA;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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 deea9d7..3ac3fc4 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;--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)} +: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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;cursor:pointer;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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 631f0c1..3e6c7ee 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,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 +{"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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAe,CACf,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CClKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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.css b/dist/light-legacy.standalone.css index 54c7dbf..e1ec78f 100755 --- a/dist/light-legacy.standalone.css +++ b/dist/light-legacy.standalone.css @@ -151,13 +151,14 @@ mark { } button, -input[type='submit'], -input[type='button'], -input[type='checkbox'] { +input[type="submit"], +input[type="button"], +input[type="checkbox"], +input[type="range"] { cursor: pointer; } -input:not([type='checkbox']):not([type='radio']), +input:not([type="checkbox"]):not([type="radio"]), select { display: block; } @@ -178,22 +179,6 @@ input { 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; @@ -226,7 +211,7 @@ textarea { outline: none; } -input:not([type='checkbox']):not([type='radio']), +input:not([type="checkbox"]):not([type="radio"]), select, button, textarea { @@ -241,8 +226,8 @@ textarea { } button, -input[type='submit'], -input[type='button'] { +input[type="submit"], +input[type="button"] { padding-right: 30px; padding-left: 30px; } @@ -251,11 +236,11 @@ button:hover { background: #dddddd; } -input[type='submit']:hover { +input[type="submit"]:hover { background: #dddddd; } -input[type='button']:hover { +input[type="button"]:hover { background: #dddddd; } @@ -275,10 +260,11 @@ 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, +input[type="checkbox"]:active, +input[type="radio"]:active, +input[type="submit"]:active, +input[type="button"]:active, +input[type="range"]:active, button:active { transform: translateY(2px); } @@ -307,6 +293,95 @@ textarea:disabled { color: #949494; } +input[type="range"] { + -webkit-appearance: none; + margin: 10px 0; + background: transparent; +} + +input[type="range"]:focus { + outline: none; +} + +input[type="range"]::-webkit-slider-runnable-track { + width: 100%; + height: 9.5px; + transition: 0.2s; + background: #efefef; + border-radius: 3px; +} + +input[type="range"]::-webkit-slider-thumb { + box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; + height: 20px; + width: 20px; + border-radius: 50%; + background: #dbdbdb; + -webkit-appearance: none; + margin-top: -7px; +} + +input[type="range"]:focus::-webkit-slider-runnable-track { + background: #efefef; +} + +input[type="range"]::-moz-range-track { + width: 100%; + height: 9.5px; + cursor: pointer; + transition: 0.2s; + background: #efefef; + border-radius: 3px; +} + +input[type="range"]::-moz-range-thumb { + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; + height: 20px; + width: 20px; + border-radius: 50%; + background: #dbdbdb; +} + +input[type="range"]::-ms-track { + width: 100%; + height: 9.5px; + background: transparent; + border-color: transparent; + border-width: 16px 0; + color: transparent; +} + +input[type="range"]::-ms-fill-lower { + background: #efefef; + border: 0.2px solid #010101; + border-radius: 3px; + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; +} + +input[type="range"]::-ms-fill-upper { + background: #efefef; + border: 0.2px solid #010101; + border-radius: 3px; + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; +} + +input[type="range"]::-ms-thumb { + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; + border: 1px solid #000000; + height: 20px; + width: 20px; + border-radius: 50%; + background: #dbdbdb; +} + +input[type="range"]:focus::-ms-fill-lower { + background: #efefef; +} + +input[type="range"]:focus::-ms-fill-upper { + background: #efefef; +} + a { text-decoration: none; color: #0076d1; diff --git a/dist/light-legacy.standalone.css.map b/dist/light-legacy.standalone.css.map index 61aa5b9..ce38780 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":["/**\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 +{"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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 5d55091..8e2a216 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}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} +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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef}input[type=range]::-moz-range-track{width:100%;height:9.5px;cursor:pointer;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef}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 52207be..32c69b4 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,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 +{"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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,kBACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAe,CACf,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,kBAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAIA,gFACE,kBACF,CClKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 c942e79..c8e3d65 100644 --- a/dist/light.css +++ b/dist/light.css @@ -171,19 +171,19 @@ mark { } button, -input[type='submit'], -input[type='button'], -input[type='checkbox'] { +input[type="submit"], +input[type="button"], +input[type="checkbox"], +input[type="range"] { cursor: pointer; } -input:not([type='checkbox']):not([type='radio']), +input:not([type="checkbox"]):not([type="radio"]), select { display: block; } input, -select, button, textarea { color: var(--form-text); @@ -201,7 +201,7 @@ textarea { outline: none; } -input:not([type='checkbox']):not([type='radio']), +input:not([type="checkbox"]):not([type="radio"]), select, button, textarea { @@ -216,15 +216,15 @@ textarea { } button, -input[type='submit'], -input[type='button'] { +input[type="submit"], +input[type="button"] { padding-right: 30px; padding-left: 30px; } button:hover, -input[type='submit']:hover, -input[type='button']:hover { +input[type="submit"]:hover, +input[type="button"]:hover { background: var(--button-hover); } @@ -235,10 +235,11 @@ textarea:focus { box-shadow: 0 0 0 2px var(--focus); } -input[type='checkbox']:active, -input[type='radio']:active, -input[type='submit']:active, -input[type='button']:active, +input[type="checkbox"]:active, +input[type="radio"]:active, +input[type="submit"]:active, +input[type="button"]:active, +input[type="range"]:active, button:active { transform: translateY(2px); } @@ -267,6 +268,95 @@ textarea:disabled { color: var(--form-placeholder); } +input[type="range"] { + -webkit-appearance: none; + margin: 10px 0; + background: transparent; +} + +input[type="range"]:focus { + outline: none; +} + +input[type="range"]::-webkit-slider-runnable-track { + width: 100%; + height: 9.5px; + transition: 0.2s; + background: var(--background); + border-radius: 3px; +} + +input[type="range"]::-webkit-slider-thumb { + box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; + height: 20px; + width: 20px; + border-radius: 50%; + background: var(--border); + -webkit-appearance: none; + margin-top: -7px; +} + +input[type="range"]:focus::-webkit-slider-runnable-track { + background: var(--background); +} + +input[type="range"]::-moz-range-track { + width: 100%; + height: 9.5px; + cursor: pointer; + transition: 0.2s; + background: var(--background); + border-radius: 3px; +} + +input[type="range"]::-moz-range-thumb { + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; + height: 20px; + width: 20px; + border-radius: 50%; + background: var(--border); +} + +input[type="range"]::-ms-track { + width: 100%; + height: 9.5px; + background: transparent; + border-color: transparent; + border-width: 16px 0; + color: transparent; +} + +input[type="range"]::-ms-fill-lower { + background: var(--background); + border: 0.2px solid #010101; + border-radius: 3px; + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; +} + +input[type="range"]::-ms-fill-upper { + background: var(--background); + border: 0.2px solid #010101; + border-radius: 3px; + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; +} + +input[type="range"]::-ms-thumb { + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; + border: 1px solid #000000; + height: 20px; + width: 20px; + border-radius: 50%; + background: var(--border); +} + +input[type="range"]:focus::-ms-fill-lower { + background: var(--background); +} + +input[type="range"]:focus::-ms-fill-upper { + background: var(--background); +} + a { text-decoration: none; color: var(--links); diff --git a/dist/light.css.map b/dist/light.css.map index 445e4bd..a508639 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":["/**\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 +{"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,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;;EAEpB,mBAAmB;EACnB,oBAAoB;AACtB;;AC1BA;AAAA;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,wCAAyE;;EAEzE,2BAA2B;EAC3B,oBAAoB;;EAEpB,mBAAmB;EACnB,oBAAoB;AACtB;AFuCA;;AGjEA;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;;;;;EAKE,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;;;EAGE,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;;;;;;EAME,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAEA;EACE,wBAAwB;EACxB,cAAc;EACd,uBAAuB;AACzB;;AACA;EACE,aAAa;AACf;;AAEA;EACE,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,6BAA6B;EAC7B,kBAAkB;AACpB;;AACA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;EACzB,wBAAwB;EACxB,gBAAgB;AAClB;;AACA;EACE,6BAA6B;AAC/B;;AACA;EACE,WAAW;EACX,aAAa;EACb,eAAe;EACf,gBAAgB;EAChB,6BAA6B;EAC7B,kBAAkB;AACpB;;AACA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;AAC3B;;AACA;EACE,WAAW;EACX,aAAa;EACb,uBAAuB;EACvB,yBAAyB;EACzB,oBAAoB;EACpB,kBAAkB;AACpB;;AACA;EACE,6BAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AACA;EACE,6BAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AACA;EACE,oDAAoD;EACpD,yBAAyB;EACzB,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;AAC3B;;AACA;EACE,6BAA6B;AAC/B;;AACA;EACE,6BAA6B;AAC/B;;AClKA;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":"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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 0545b0b..427f956 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;--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)} +: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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;cursor:pointer;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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 461139b..d530cf8 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,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 +{"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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAe,CACf,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CClKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 5f29aa4..a4ad946 100755 --- a/dist/light.standalone.css +++ b/dist/light.standalone.css @@ -138,19 +138,19 @@ mark { } button, -input[type='submit'], -input[type='button'], -input[type='checkbox'] { +input[type="submit"], +input[type="button"], +input[type="checkbox"], +input[type="range"] { cursor: pointer; } -input:not([type='checkbox']):not([type='radio']), +input:not([type="checkbox"]):not([type="radio"]), select { display: block; } input, -select, button, textarea { color: var(--form-text); @@ -168,7 +168,7 @@ textarea { outline: none; } -input:not([type='checkbox']):not([type='radio']), +input:not([type="checkbox"]):not([type="radio"]), select, button, textarea { @@ -183,15 +183,15 @@ textarea { } button, -input[type='submit'], -input[type='button'] { +input[type="submit"], +input[type="button"] { padding-right: 30px; padding-left: 30px; } button:hover, -input[type='submit']:hover, -input[type='button']:hover { +input[type="submit"]:hover, +input[type="button"]:hover { background: var(--button-hover); } @@ -202,10 +202,11 @@ textarea:focus { box-shadow: 0 0 0 2px var(--focus); } -input[type='checkbox']:active, -input[type='radio']:active, -input[type='submit']:active, -input[type='button']:active, +input[type="checkbox"]:active, +input[type="radio"]:active, +input[type="submit"]:active, +input[type="button"]:active, +input[type="range"]:active, button:active { transform: translateY(2px); } @@ -234,6 +235,95 @@ textarea:disabled { color: var(--form-placeholder); } +input[type="range"] { + -webkit-appearance: none; + margin: 10px 0; + background: transparent; +} + +input[type="range"]:focus { + outline: none; +} + +input[type="range"]::-webkit-slider-runnable-track { + width: 100%; + height: 9.5px; + transition: 0.2s; + background: var(--background); + border-radius: 3px; +} + +input[type="range"]::-webkit-slider-thumb { + box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; + height: 20px; + width: 20px; + border-radius: 50%; + background: var(--border); + -webkit-appearance: none; + margin-top: -7px; +} + +input[type="range"]:focus::-webkit-slider-runnable-track { + background: var(--background); +} + +input[type="range"]::-moz-range-track { + width: 100%; + height: 9.5px; + cursor: pointer; + transition: 0.2s; + background: var(--background); + border-radius: 3px; +} + +input[type="range"]::-moz-range-thumb { + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; + height: 20px; + width: 20px; + border-radius: 50%; + background: var(--border); +} + +input[type="range"]::-ms-track { + width: 100%; + height: 9.5px; + background: transparent; + border-color: transparent; + border-width: 16px 0; + color: transparent; +} + +input[type="range"]::-ms-fill-lower { + background: var(--background); + border: 0.2px solid #010101; + border-radius: 3px; + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; +} + +input[type="range"]::-ms-fill-upper { + background: var(--background); + border: 0.2px solid #010101; + border-radius: 3px; + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; +} + +input[type="range"]::-ms-thumb { + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; + border: 1px solid #000000; + height: 20px; + width: 20px; + border-radius: 50%; + background: var(--border); +} + +input[type="range"]:focus::-ms-fill-lower { + background: var(--background); +} + +input[type="range"]:focus::-ms-fill-upper { + background: var(--background); +} + a { text-decoration: none; color: var(--links); diff --git a/dist/light.standalone.css.map b/dist/light.standalone.css.map index 8bbe9ff..a3d333a 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":"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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 +{"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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 187b3a6..6b416e9 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;--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)} +: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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;cursor:pointer;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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 ee6b4f8..d518985 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,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 +{"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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAe,CACf,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CClKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 2dbedc4..f880243 100644 --- a/index.html +++ b/index.html @@ -1,14 +1,27 @@ - - + Water.css - - + + - - - + + + @@ -18,31 +31,42 @@ - +

    Water.css

    - Water.css is a just-add-css collection of styles to make simple websites like this just a - little bit nicer. - Get it already! + 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

      @@ -56,16 +80,22 @@

      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. + In fact, try resizing this page. Everything flows super nicely as you'll + see.

      - - + +
      + + +

      Element demos

      This is supposed to be a demo page so we need more elements! @@ -73,54 +103,75 @@

      Form elements

      - - + + - - + + - - + + - - + +
      - - + +
      - - + +
      - - + +
      -
      +
      - - + + - +

      Code

      - 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! + 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.

      +

      + 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 -
      +

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

      + Example kitten +

      And here's a nicely marked up table!

      @@ -152,26 +203,34 @@

      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 + that the enclosed text is an extended quotation. Usually, this is rendered + visually by indentation (see 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." + href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote#Usage_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."
      MDN, "The Block Quotation element" @@ -193,13 +252,11 @@
    • Ordered list item 3
      • -

      - Addresses are also styled to be awesome! -

      +

      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

      @@ -212,5 +269,4 @@ - diff --git a/src/parts/_forms.css b/src/parts/_forms.css index 8d95be2..dfa2710 100644 --- a/src/parts/_forms.css +++ b/src/parts/_forms.css @@ -1,17 +1,17 @@ button, -input[type='submit'], -input[type='button'], -input[type='checkbox'] { +input[type="submit"], +input[type="button"], +input[type="checkbox"], +input[type="range"] { cursor: pointer; } -input:not([type='checkbox']):not([type='radio']), +input:not([type="checkbox"]):not([type="radio"]), select { display: block; } input, -select, button, textarea { color: var(--form-text); @@ -29,7 +29,7 @@ textarea { outline: none; } -input:not([type='checkbox']):not([type='radio']), +input:not([type="checkbox"]):not([type="radio"]), select, button, textarea { @@ -44,15 +44,15 @@ textarea { } button, -input[type='submit'], -input[type='button'] { +input[type="submit"], +input[type="button"] { padding-right: 30px; padding-left: 30px; } button:hover, -input[type='submit']:hover, -input[type='button']:hover { +input[type="submit"]:hover, +input[type="button"]:hover { background: var(--button-hover); } @@ -63,10 +63,11 @@ textarea:focus { box-shadow: 0 0 0 2px var(--focus); } -input[type='checkbox']:active, -input[type='radio']:active, -input[type='submit']:active, -input[type='button']:active, +input[type="checkbox"]:active, +input[type="radio"]:active, +input[type="submit"]:active, +input[type="button"]:active, +input[type="range"]:active, button:active { transform: translateY(2px); } @@ -82,3 +83,80 @@ textarea:disabled { ::placeholder { color: var(--form-placeholder); } + +input[type="range"] { + -webkit-appearance: none; + margin: 10px 0; + background: transparent; +} +input[type="range"]:focus { + outline: none; +} + +input[type="range"]::-webkit-slider-runnable-track { + width: 100%; + height: 9.5px; + transition: 0.2s; + background: var(--background); + border-radius: 3px; +} +input[type="range"]::-webkit-slider-thumb { + box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; + height: 20px; + width: 20px; + border-radius: 50%; + background: var(--border); + -webkit-appearance: none; + margin-top: -7px; +} +input[type="range"]:focus::-webkit-slider-runnable-track { + background: var(--background); +} +input[type="range"]::-moz-range-track { + width: 100%; + height: 9.5px; + transition: 0.2s; + background: var(--background); + border-radius: 3px; +} +input[type="range"]::-moz-range-thumb { + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; + height: 20px; + width: 20px; + border-radius: 50%; + background: var(--border); +} +input[type="range"]::-ms-track { + width: 100%; + height: 9.5px; + background: transparent; + border-color: transparent; + border-width: 16px 0; + color: transparent; +} +input[type="range"]::-ms-fill-lower { + background: var(--background); + border: 0.2px solid #010101; + border-radius: 3px; + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; +} +input[type="range"]::-ms-fill-upper { + background: var(--background); + border: 0.2px solid #010101; + border-radius: 3px; + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; +} +input[type="range"]::-ms-thumb { + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; + border: 1px solid #000000; + height: 20px; + width: 20px; + border-radius: 50%; + background: var(--border); +} +input[type="range"]:focus::-ms-fill-lower { + background: var(--background); +} +input[type="range"]:focus::-ms-fill-upper { + background: var(--background); +} From b478f9436181ff15efbdbcb8b16f13c9bc0b706b Mon Sep 17 00:00:00 2001 From: Bobo Date: Wed, 19 Jun 2019 13:50:47 +0300 Subject: [PATCH 21/60] yarn build --- dist/dark-legacy.standalone.css | 1 - 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 | 1 - dist/dark.css.map | 2 +- dist/dark.min.css | 2 +- dist/dark.min.css.map | 2 +- dist/dark.standalone.css | 1 - dist/dark.standalone.css.map | 2 +- dist/dark.standalone.min.css | 2 +- dist/dark.standalone.min.css.map | 2 +- dist/light-legacy.standalone.css | 1 - 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 | 1 - dist/light.css.map | 2 +- dist/light.min.css | 2 +- dist/light.min.css.map | 2 +- dist/light.standalone.css | 1 - dist/light.standalone.css.map | 2 +- dist/light.standalone.min.css | 2 +- dist/light.standalone.min.css.map | 2 +- 24 files changed, 18 insertions(+), 24 deletions(-) diff --git a/dist/dark-legacy.standalone.css b/dist/dark-legacy.standalone.css index d97625f..93246ea 100755 --- a/dist/dark-legacy.standalone.css +++ b/dist/dark-legacy.standalone.css @@ -328,7 +328,6 @@ input[type="range"]:focus::-webkit-slider-runnable-track { input[type="range"]::-moz-range-track { width: 100%; height: 9.5px; - cursor: pointer; transition: 0.2s; background: #161f27; border-radius: 3px; diff --git a/dist/dark-legacy.standalone.css.map b/dist/dark-legacy.standalone.css.map index 2c99e69..b103f2d 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":["/**\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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 b9a76bb..82ac3e9 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}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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27}input[type=range]::-moz-range-track{width:100%;height:9.5px;cursor:pointer;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#161f27;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#161f27}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} +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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#161f27;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#161f27}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 db7048c..6634d2b 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,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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,kBACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAe,CACf,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,kBAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAIA,gFACE,kBACF,CClKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,kBACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,kBAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAIA,gFACE,kBACF,CCjKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 65840e6..0d99aed 100644 --- a/dist/dark.css +++ b/dist/dark.css @@ -303,7 +303,6 @@ input[type="range"]:focus::-webkit-slider-runnable-track { input[type="range"]::-moz-range-track { width: 100%; height: 9.5px; - cursor: pointer; transition: 0.2s; background: var(--background); border-radius: 3px; diff --git a/dist/dark.css.map b/dist/dark.css.map index 9e2cefe..6b9bad1 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":["/**\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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 d815328..75bf931 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;--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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;cursor:pointer;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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)} +: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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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 b253890..713ade0 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,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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAe,CACf,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CClKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CCjKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 e7d7b3a..b18526c 100755 --- a/dist/dark.standalone.css +++ b/dist/dark.standalone.css @@ -270,7 +270,6 @@ input[type="range"]:focus::-webkit-slider-runnable-track { input[type="range"]::-moz-range-track { width: 100%; height: 9.5px; - cursor: pointer; transition: 0.2s; background: var(--background); border-radius: 3px; diff --git a/dist/dark.standalone.css.map b/dist/dark.standalone.css.map index 044ee41..7847444 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":"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","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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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":"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","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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 3ac3fc4..d18404c 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;--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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;cursor:pointer;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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)} +: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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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 3e6c7ee..189ebb8 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,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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAe,CACf,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CClKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CCjKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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.css b/dist/light-legacy.standalone.css index e1ec78f..fa46ace 100755 --- a/dist/light-legacy.standalone.css +++ b/dist/light-legacy.standalone.css @@ -328,7 +328,6 @@ input[type="range"]:focus::-webkit-slider-runnable-track { input[type="range"]::-moz-range-track { width: 100%; height: 9.5px; - cursor: pointer; transition: 0.2s; background: #efefef; border-radius: 3px; diff --git a/dist/light-legacy.standalone.css.map b/dist/light-legacy.standalone.css.map index ce38780..f6d4186 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":["/**\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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 8e2a216..c40cf61 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}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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef}input[type=range]::-moz-range-track{width:100%;height:9.5px;cursor:pointer;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef}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} +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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef}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 32c69b4..0ad4642 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,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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,kBACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAe,CACf,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,kBAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAIA,gFACE,kBACF,CClKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,kBACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,kBAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAIA,gFACE,kBACF,CCjKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 c8e3d65..68274ab 100644 --- a/dist/light.css +++ b/dist/light.css @@ -303,7 +303,6 @@ input[type="range"]:focus::-webkit-slider-runnable-track { input[type="range"]::-moz-range-track { width: 100%; height: 9.5px; - cursor: pointer; transition: 0.2s; background: var(--background); border-radius: 3px; diff --git a/dist/light.css.map b/dist/light.css.map index a508639..93be4fa 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":["/**\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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 427f956..0604a9f 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;--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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;cursor:pointer;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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)} +: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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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 d530cf8..66122c3 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,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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAe,CACf,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CClKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CCjKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 a4ad946..459a9c6 100755 --- a/dist/light.standalone.css +++ b/dist/light.standalone.css @@ -270,7 +270,6 @@ input[type="range"]:focus::-webkit-slider-runnable-track { input[type="range"]::-moz-range-track { width: 100%; height: 9.5px; - cursor: pointer; transition: 0.2s; background: var(--background); border-radius: 3px; diff --git a/dist/light.standalone.css.map b/dist/light.standalone.css.map index a3d333a..2d0e4bc 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":"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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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 6b416e9..760ba72 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;--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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;cursor:pointer;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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)} +: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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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 d518985..0de2628 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,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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAe,CACf,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CClKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CCjKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 From b47e0de3fe4ec0dfa3ca8e37b044e9b98d5ce053 Mon Sep 17 00:00:00 2001 From: Kognise Date: Mon, 26 Aug 2019 12:40:08 -0400 Subject: [PATCH 22/60] Fix merge problems --- dist/dark-legacy.css.map | 2 +- dist/dark-legacy.min.css.map | 2 +- dist/dark-legacy.standalone.css | 43 +++++++- 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 | 40 +++++++- 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 | 43 +++++++- 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 | 40 +++++++- 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 +- src/parts/_forms.css | 120 +++++++++++++++++++++++ 29 files changed, 376 insertions(+), 34 deletions(-) create mode 100644 src/parts/_forms.css diff --git a/dist/dark-legacy.css.map b/dist/dark-legacy.css.map index ad079d2..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,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 +{"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.map b/dist/dark-legacy.min.css.map index cd93b2d..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,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 +{"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/dark-legacy.standalone.css b/dist/dark-legacy.standalone.css index 43dc058..8de494f 100755 --- a/dist/dark-legacy.standalone.css +++ b/dist/dark-legacy.standalone.css @@ -153,7 +153,8 @@ mark { button, input[type='submit'], input[type='button'], -input[type='checkbox'] { +input[type='checkbox'], +input[type='radio'] { cursor: pointer; } @@ -226,7 +227,7 @@ textarea { outline: none; } -input:not([type='checkbox']):not([type='radio']), +input, select, button, textarea { @@ -275,6 +276,44 @@ textarea:focus { box-shadow: 0 0 0 2px #0096bfab; } +input[type='checkbox'], +input[type='radio'] { + position: relative; + width: 14px; + height: 14px; + display: inline-block; + vertical-align: middle; + margin: 0; + margin-right: 2px; +} + +input[type='radio'] { + border-radius: 50%; +} + +input[type='checkbox']:checked { + background: #324759; +} + +input[type='radio']:checked { + background: #324759; +} + +input[type='checkbox']:checked::before, +input[type='radio']:checked::before { + content: '•'; + display: block; + position: absolute; + left: 50%; + top: 50%; + transform: translateX(-50%) translateY(-50%); +} + +input[type='checkbox']:checked::before { + content: '✔'; + transform: translateY(-50%) translateY(0.5px) translateX(-6px); +} + input[type='checkbox']:active, input[type='radio']:active, input[type='submit']:active, diff --git a/dist/dark-legacy.standalone.css.map b/dist/dark-legacy.standalone.css.map index 263963c..745f9d5 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":["/**\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 +{"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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 index 671b808..06b7ceb 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}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} +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=radio],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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#324759}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}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 1583a38..9e5ff1a 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,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 +{"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,oFAKE,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,6BAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,kBACF,CAEA,qDAIE,wCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,kBACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CCvHA,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 {\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 10f9dfd..cce7a3e 100644 --- a/dist/dark.css +++ b/dist/dark.css @@ -173,7 +173,8 @@ mark { button, input[type='submit'], input[type='button'], -input[type='checkbox'] { +input[type='checkbox'], +input[type='radio'] { cursor: pointer; } @@ -201,7 +202,7 @@ textarea { outline: none; } -input:not([type='checkbox']):not([type='radio']), +input, select, button, textarea { @@ -235,6 +236,41 @@ textarea:focus { box-shadow: 0 0 0 2px var(--focus); } +input[type='checkbox'], +input[type='radio'] { + position: relative; + width: 14px; + height: 14px; + display: inline-block; + vertical-align: middle; + margin: 0; + margin-right: 2px; +} + +input[type='radio'] { + border-radius: 50%; +} + +input[type='checkbox']:checked, +input[type='radio']:checked { + background: var(--button-hover); +} + +input[type='checkbox']:checked::before, +input[type='radio']:checked::before { + content: '•'; + display: block; + position: absolute; + left: 50%; + top: 50%; + transform: translateX(-50%) translateY(-50%); +} + +input[type='checkbox']:checked::before { + content: '✔'; + transform: translateY(-50%) translateY(0.5px) translateX(-6px); +} + input[type='checkbox']:active, input[type='radio']:active, input[type='submit']:active, diff --git a/dist/dark.css.map b/dist/dark.css.map index d732014..a08c5bf 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":["/**\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 +{"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 --variable: #d941e2;\n --highlight: #efdb43;\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 83d512e..76a6280 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;--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)} +: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=radio],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;-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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}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 2d7845a..66df492 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,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 +{"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":"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","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 --variable: #d941e2;\n --highlight: #efdb43;\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 6081fa6..87930ba 100755 --- a/dist/dark.standalone.css +++ b/dist/dark.standalone.css @@ -140,7 +140,8 @@ mark { button, input[type='submit'], input[type='button'], -input[type='checkbox'] { +input[type='checkbox'], +input[type='radio'] { cursor: pointer; } @@ -168,7 +169,7 @@ textarea { outline: none; } -input:not([type='checkbox']):not([type='radio']), +input, select, button, textarea { @@ -202,6 +203,41 @@ textarea:focus { box-shadow: 0 0 0 2px var(--focus); } +input[type='checkbox'], +input[type='radio'] { + position: relative; + width: 14px; + height: 14px; + display: inline-block; + vertical-align: middle; + margin: 0; + margin-right: 2px; +} + +input[type='radio'] { + border-radius: 50%; +} + +input[type='checkbox']:checked, +input[type='radio']:checked { + background: var(--button-hover); +} + +input[type='checkbox']:checked::before, +input[type='radio']:checked::before { + content: '•'; + display: block; + position: absolute; + left: 50%; + top: 50%; + transform: translateX(-50%) translateY(-50%); +} + +input[type='checkbox']:checked::before { + content: '✔'; + transform: translateY(-50%) translateY(0.5px) translateX(-6px); +} + input[type='checkbox']:active, input[type='radio']:active, input[type='submit']:active, diff --git a/dist/dark.standalone.css.map b/dist/dark.standalone.css.map index b26a3af..8a83c5d 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;;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 +{"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":"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","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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 deea9d7..6f1aa2e 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;--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)} +: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=radio],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;-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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}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 631f0c1..1eff623 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,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 +{"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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAOb,uBANF,CASA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,8BACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCvHA,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 {\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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.css.map b/dist/light-legacy.css.map index b74a704..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,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 +{"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.map b/dist/light-legacy.min.css.map index e1d123b..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,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 +{"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/dist/light-legacy.standalone.css b/dist/light-legacy.standalone.css index 54c7dbf..68d52f7 100755 --- a/dist/light-legacy.standalone.css +++ b/dist/light-legacy.standalone.css @@ -153,7 +153,8 @@ mark { button, input[type='submit'], input[type='button'], -input[type='checkbox'] { +input[type='checkbox'], +input[type='radio'] { cursor: pointer; } @@ -226,7 +227,7 @@ textarea { outline: none; } -input:not([type='checkbox']):not([type='radio']), +input, select, button, textarea { @@ -275,6 +276,44 @@ textarea:focus { box-shadow: 0 0 0 2px #0096bfab; } +input[type='checkbox'], +input[type='radio'] { + position: relative; + width: 14px; + height: 14px; + display: inline-block; + vertical-align: middle; + margin: 0; + margin-right: 2px; +} + +input[type='radio'] { + border-radius: 50%; +} + +input[type='checkbox']:checked { + background: #dddddd; +} + +input[type='radio']:checked { + background: #dddddd; +} + +input[type='checkbox']:checked::before, +input[type='radio']:checked::before { + content: '•'; + display: block; + position: absolute; + left: 50%; + top: 50%; + transform: translateX(-50%) translateY(-50%); +} + +input[type='checkbox']:checked::before { + content: '✔'; + transform: translateY(-50%) translateY(0.5px) translateX(-6px); +} + input[type='checkbox']:active, input[type='radio']:active, input[type='submit']:active, diff --git a/dist/light-legacy.standalone.css.map b/dist/light-legacy.standalone.css.map index 61aa5b9..90eae45 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":["/**\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 +{"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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 index 5d55091..611b564 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}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} +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=radio],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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#ddd}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}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 52207be..d33529a 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,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 +{"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,oFAKE,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,6BAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,eACF,CAEA,qDAIE,wCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,eACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CCvHA,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 {\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 c942e79..b6c0583 100644 --- a/dist/light.css +++ b/dist/light.css @@ -173,7 +173,8 @@ mark { button, input[type='submit'], input[type='button'], -input[type='checkbox'] { +input[type='checkbox'], +input[type='radio'] { cursor: pointer; } @@ -201,7 +202,7 @@ textarea { outline: none; } -input:not([type='checkbox']):not([type='radio']), +input, select, button, textarea { @@ -235,6 +236,41 @@ textarea:focus { box-shadow: 0 0 0 2px var(--focus); } +input[type='checkbox'], +input[type='radio'] { + position: relative; + width: 14px; + height: 14px; + display: inline-block; + vertical-align: middle; + margin: 0; + margin-right: 2px; +} + +input[type='radio'] { + border-radius: 50%; +} + +input[type='checkbox']:checked, +input[type='radio']:checked { + background: var(--button-hover); +} + +input[type='checkbox']:checked::before, +input[type='radio']:checked::before { + content: '•'; + display: block; + position: absolute; + left: 50%; + top: 50%; + transform: translateX(-50%) translateY(-50%); +} + +input[type='checkbox']:checked::before { + content: '✔'; + transform: translateY(-50%) translateY(0.5px) translateX(-6px); +} + input[type='checkbox']:active, input[type='radio']:active, input[type='submit']:active, diff --git a/dist/light.css.map b/dist/light.css.map index 445e4bd..f2ebebb 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":["/**\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 +{"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 --variable: #39a33c;\n --highlight: #ffff00;\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 0545b0b..679f333 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;--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)} +: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=radio],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;-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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}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 461139b..3f3571d 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,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 +{"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":"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","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 --variable: #39a33c;\n --highlight: #ffff00;\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 5f29aa4..ba7d042 100755 --- a/dist/light.standalone.css +++ b/dist/light.standalone.css @@ -140,7 +140,8 @@ mark { button, input[type='submit'], input[type='button'], -input[type='checkbox'] { +input[type='checkbox'], +input[type='radio'] { cursor: pointer; } @@ -168,7 +169,7 @@ textarea { outline: none; } -input:not([type='checkbox']):not([type='radio']), +input, select, button, textarea { @@ -202,6 +203,41 @@ textarea:focus { box-shadow: 0 0 0 2px var(--focus); } +input[type='checkbox'], +input[type='radio'] { + position: relative; + width: 14px; + height: 14px; + display: inline-block; + vertical-align: middle; + margin: 0; + margin-right: 2px; +} + +input[type='radio'] { + border-radius: 50%; +} + +input[type='checkbox']:checked, +input[type='radio']:checked { + background: var(--button-hover); +} + +input[type='checkbox']:checked::before, +input[type='radio']:checked::before { + content: '•'; + display: block; + position: absolute; + left: 50%; + top: 50%; + transform: translateX(-50%) translateY(-50%); +} + +input[type='checkbox']:checked::before { + content: '✔'; + transform: translateY(-50%) translateY(0.5px) translateX(-6px); +} + input[type='checkbox']:active, input[type='radio']:active, input[type='submit']:active, diff --git a/dist/light.standalone.css.map b/dist/light.standalone.css.map index 8bbe9ff..e3988b6 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":"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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 +{"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":["/**\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 187b3a6..a77196d 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;--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)} +: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=radio],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;-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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}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 ee6b4f8..e92f76a 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,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 +{"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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAOb,uBANF,CASA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,8BACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCvHA,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 {\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/src/parts/_forms.css b/src/parts/_forms.css new file mode 100644 index 0000000..0cb73ce --- /dev/null +++ b/src/parts/_forms.css @@ -0,0 +1,120 @@ +button, +input[type='submit'], +input[type='button'], +input[type='checkbox'], +input[type='radio'] { + cursor: pointer; +} + +input:not([type='checkbox']):not([type='radio']), +select { + display: block; +} + +input, +select, +button, +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; +} + +input, +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: var(--button-hover); +} + +input:focus, +select:focus, +button:focus, +textarea:focus { + box-shadow: 0 0 0 2px var(--focus); +} + +input[type='checkbox'], +input[type='radio'] { + position: relative; + width: 14px; + height: 14px; + display: inline-block; + vertical-align: middle; + margin: 0; + margin-right: 2px; +} + +input[type='radio'] { + border-radius: 50%; +} + +input[type='checkbox']:checked, +input[type='radio']:checked { + background: var(--button-hover); +} + +input[type='checkbox']:checked::before, +input[type='radio']:checked::before { + content: '•'; + display: block; + position: absolute; + left: 50%; + top: 50%; + transform: translateX(-50%) translateY(-50%); +} + +input[type='checkbox']:checked::before { + content: '✔'; + transform: translateY(-50%) translateY(0.5px) translateX(-6px); +} + +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; +} + +::placeholder { + color: var(--form-placeholder); +} \ No newline at end of file From 7319402ea17c009601326a76b00c53cf9ff3f3e7 Mon Sep 17 00:00:00 2001 From: Kognise Date: Mon, 26 Aug 2019 12:57:52 -0400 Subject: [PATCH 23/60] Single quotes --- src/parts/_forms.css | 56 ++++++++++++++++++++++---------------------- 1 file changed, 28 insertions(+), 28 deletions(-) diff --git a/src/parts/_forms.css b/src/parts/_forms.css index dfa2710..6661e56 100644 --- a/src/parts/_forms.css +++ b/src/parts/_forms.css @@ -1,12 +1,12 @@ button, -input[type="submit"], -input[type="button"], -input[type="checkbox"], -input[type="range"] { +input[type='submit'], +input[type='button'], +input[type='checkbox'], +input[type='range'] { cursor: pointer; } -input:not([type="checkbox"]):not([type="radio"]), +input:not([type='checkbox']):not([type='radio']), select { display: block; } @@ -29,7 +29,7 @@ textarea { outline: none; } -input:not([type="checkbox"]):not([type="radio"]), +input:not([type='checkbox']):not([type='radio']), select, button, textarea { @@ -44,15 +44,15 @@ textarea { } button, -input[type="submit"], -input[type="button"] { +input[type='submit'], +input[type='button'] { padding-right: 30px; padding-left: 30px; } button:hover, -input[type="submit"]:hover, -input[type="button"]:hover { +input[type='submit']:hover, +input[type='button']:hover { background: var(--button-hover); } @@ -63,11 +63,11 @@ textarea:focus { box-shadow: 0 0 0 2px var(--focus); } -input[type="checkbox"]:active, -input[type="radio"]:active, -input[type="submit"]:active, -input[type="button"]:active, -input[type="range"]:active, +input[type='checkbox']:active, +input[type='radio']:active, +input[type='submit']:active, +input[type='button']:active, +input[type='range']:active, button:active { transform: translateY(2px); } @@ -84,23 +84,23 @@ textarea:disabled { color: var(--form-placeholder); } -input[type="range"] { +input[type='range'] { -webkit-appearance: none; margin: 10px 0; background: transparent; } -input[type="range"]:focus { +input[type='range']:focus { outline: none; } -input[type="range"]::-webkit-slider-runnable-track { +input[type='range']::-webkit-slider-runnable-track { width: 100%; height: 9.5px; transition: 0.2s; background: var(--background); border-radius: 3px; } -input[type="range"]::-webkit-slider-thumb { +input[type='range']::-webkit-slider-thumb { box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; height: 20px; width: 20px; @@ -109,24 +109,24 @@ input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; margin-top: -7px; } -input[type="range"]:focus::-webkit-slider-runnable-track { +input[type='range']:focus::-webkit-slider-runnable-track { background: var(--background); } -input[type="range"]::-moz-range-track { +input[type='range']::-moz-range-track { width: 100%; height: 9.5px; transition: 0.2s; background: var(--background); border-radius: 3px; } -input[type="range"]::-moz-range-thumb { +input[type='range']::-moz-range-thumb { box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; height: 20px; width: 20px; border-radius: 50%; background: var(--border); } -input[type="range"]::-ms-track { +input[type='range']::-ms-track { width: 100%; height: 9.5px; background: transparent; @@ -134,19 +134,19 @@ input[type="range"]::-ms-track { border-width: 16px 0; color: transparent; } -input[type="range"]::-ms-fill-lower { +input[type='range']::-ms-fill-lower { background: var(--background); border: 0.2px solid #010101; border-radius: 3px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; } -input[type="range"]::-ms-fill-upper { +input[type='range']::-ms-fill-upper { background: var(--background); border: 0.2px solid #010101; border-radius: 3px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; } -input[type="range"]::-ms-thumb { +input[type='range']::-ms-thumb { box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; border: 1px solid #000000; height: 20px; @@ -154,9 +154,9 @@ input[type="range"]::-ms-thumb { border-radius: 50%; background: var(--border); } -input[type="range"]:focus::-ms-fill-lower { +input[type='range']:focus::-ms-fill-lower { background: var(--background); } -input[type="range"]:focus::-ms-fill-upper { +input[type='range']:focus::-ms-fill-upper { background: var(--background); } From 94b44d810dc7502e96713b98822c99b2c05ce219 Mon Sep 17 00:00:00 2001 From: Kognise Date: Mon, 26 Aug 2019 12:59:10 -0400 Subject: [PATCH 24/60] More single quotes :P --- index.html | 148 ++++++++++++++++++++++++++--------------------------- 1 file changed, 74 insertions(+), 74 deletions(-) diff --git a/index.html b/index.html index f880243..8439c8b 100644 --- a/index.html +++ b/index.html @@ -1,47 +1,47 @@ - + Water.css - - + + - - - - - - - - + + + + + + + + @@ -50,22 +50,22 @@

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

      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

      Goals

      @@ -82,7 +82,7 @@

      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! @@ -91,10 +91,10 @@ In fact, try resizing this page. Everything flows super nicely as you'll see.

      - +
      - - + +

      Element demos

      @@ -103,52 +103,52 @@

      Form elements

      - + - - + + - + - +
      - - + +
      - - + +
      - - + +

      - - + + - +

      Code

      @@ -170,7 +170,7 @@ Here's a horizontal rule and image because I don't know where else to put them.

      - Example kitten + Example kitten

      And here's a nicely marked up table!

      @@ -214,26 +214,26 @@ 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. + here's a link.

      - "The HTML blockquote Element (or HTML Block Quotation Element) indicates + '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 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." + be given using the <cite> cite element.'
      - MDN, "The Block Quotation element" + MDN, 'The Block Quotation element'
      @@ -254,9 +254,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

      @@ -266,7 +266,7 @@
      Heading 5
      Heading 6
      - - + + From 52fde30a56cdabdf6826b8a121e2324710d49fcb Mon Sep 17 00:00:00 2001 From: Kognise Date: Mon, 26 Aug 2019 13:09:01 -0400 Subject: [PATCH 25/60] Changed demo layout --- index.html | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 8439c8b..fb2beec 100644 --- a/index.html +++ b/index.html @@ -92,10 +92,6 @@ see.

      -
      - - -

      Element demos

      This is supposed to be a demo page so we need more elements! @@ -145,6 +141,11 @@
      +

      + + +
      + From a2cda5159d42ea2c3006589db4d2fb2baab7c8f4 Mon Sep 17 00:00:00 2001 From: Kognise Date: Mon, 26 Aug 2019 13:10:27 -0400 Subject: [PATCH 26/60] Improve padding --- src/parts/_forms.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/parts/_forms.css b/src/parts/_forms.css index 6661e56..934a974 100644 --- a/src/parts/_forms.css +++ b/src/parts/_forms.css @@ -87,6 +87,7 @@ textarea:disabled { input[type='range'] { -webkit-appearance: none; margin: 10px 0; + padding: 10px 0; background: transparent; } input[type='range']:focus { From 115037438cec11164a9ae532f946529e5fe77b6b Mon Sep 17 00:00:00 2001 From: Kognise Date: Mon, 26 Aug 2019 13:10:35 -0400 Subject: [PATCH 27/60] Build --- dist/dark-legacy.css.map | 2 +- dist/dark-legacy.min.css.map | 2 +- dist/dark-legacy.standalone.css | 57 ++++++++++++------------ 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 | 57 ++++++++++++------------ dist/dark.css.map | 2 +- dist/dark.min.css | 2 +- dist/dark.min.css.map | 2 +- dist/dark.standalone.css | 57 ++++++++++++------------ 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 | 57 ++++++++++++------------ 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 | 57 ++++++++++++------------ dist/light.css.map | 2 +- dist/light.min.css | 2 +- dist/light.min.css.map | 2 +- dist/light.standalone.css | 57 ++++++++++++------------ dist/light.standalone.css.map | 2 +- dist/light.standalone.min.css | 2 +- dist/light.standalone.min.css.map | 2 +- 28 files changed, 196 insertions(+), 190 deletions(-) diff --git a/dist/dark-legacy.css.map b/dist/dark-legacy.css.map index ad079d2..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,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 +{"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.map b/dist/dark-legacy.min.css.map index cd93b2d..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,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 +{"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/dark-legacy.standalone.css b/dist/dark-legacy.standalone.css index 93246ea..b31f6f0 100755 --- a/dist/dark-legacy.standalone.css +++ b/dist/dark-legacy.standalone.css @@ -151,14 +151,14 @@ mark { } button, -input[type="submit"], -input[type="button"], -input[type="checkbox"], -input[type="range"] { +input[type='submit'], +input[type='button'], +input[type='checkbox'], +input[type='range'] { cursor: pointer; } -input:not([type="checkbox"]):not([type="radio"]), +input:not([type='checkbox']):not([type='radio']), select { display: block; } @@ -211,7 +211,7 @@ textarea { outline: none; } -input:not([type="checkbox"]):not([type="radio"]), +input:not([type='checkbox']):not([type='radio']), select, button, textarea { @@ -226,8 +226,8 @@ textarea { } button, -input[type="submit"], -input[type="button"] { +input[type='submit'], +input[type='button'] { padding-right: 30px; padding-left: 30px; } @@ -236,11 +236,11 @@ button:hover { background: #324759; } -input[type="submit"]:hover { +input[type='submit']:hover { background: #324759; } -input[type="button"]:hover { +input[type='button']:hover { background: #324759; } @@ -260,11 +260,11 @@ 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, -input[type="range"]:active, +input[type='checkbox']:active, +input[type='radio']:active, +input[type='submit']:active, +input[type='button']:active, +input[type='range']:active, button:active { transform: translateY(2px); } @@ -293,17 +293,18 @@ textarea:disabled { color: #a9a9a9; } -input[type="range"] { +input[type='range'] { -webkit-appearance: none; margin: 10px 0; + padding: 10px 0; background: transparent; } -input[type="range"]:focus { +input[type='range']:focus { outline: none; } -input[type="range"]::-webkit-slider-runnable-track { +input[type='range']::-webkit-slider-runnable-track { width: 100%; height: 9.5px; transition: 0.2s; @@ -311,7 +312,7 @@ input[type="range"]::-webkit-slider-runnable-track { border-radius: 3px; } -input[type="range"]::-webkit-slider-thumb { +input[type='range']::-webkit-slider-thumb { box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; height: 20px; width: 20px; @@ -321,11 +322,11 @@ input[type="range"]::-webkit-slider-thumb { margin-top: -7px; } -input[type="range"]:focus::-webkit-slider-runnable-track { +input[type='range']:focus::-webkit-slider-runnable-track { background: #161f27; } -input[type="range"]::-moz-range-track { +input[type='range']::-moz-range-track { width: 100%; height: 9.5px; transition: 0.2s; @@ -333,7 +334,7 @@ input[type="range"]::-moz-range-track { border-radius: 3px; } -input[type="range"]::-moz-range-thumb { +input[type='range']::-moz-range-thumb { box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; height: 20px; width: 20px; @@ -341,7 +342,7 @@ input[type="range"]::-moz-range-thumb { background: #dbdbdb; } -input[type="range"]::-ms-track { +input[type='range']::-ms-track { width: 100%; height: 9.5px; background: transparent; @@ -350,21 +351,21 @@ input[type="range"]::-ms-track { color: transparent; } -input[type="range"]::-ms-fill-lower { +input[type='range']::-ms-fill-lower { background: #161f27; border: 0.2px solid #010101; border-radius: 3px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; } -input[type="range"]::-ms-fill-upper { +input[type='range']::-ms-fill-upper { background: #161f27; border: 0.2px solid #010101; border-radius: 3px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; } -input[type="range"]::-ms-thumb { +input[type='range']::-ms-thumb { box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; border: 1px solid #000000; height: 20px; @@ -373,11 +374,11 @@ input[type="range"]::-ms-thumb { background: #dbdbdb; } -input[type="range"]:focus::-ms-fill-lower { +input[type='range']:focus::-ms-fill-lower { background: #161f27; } -input[type="range"]:focus::-ms-fill-upper { +input[type='range']:focus::-ms-fill-upper { background: #161f27; } diff --git a/dist/dark-legacy.standalone.css.map b/dist/dark-legacy.standalone.css.map index b103f2d..fd89212 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":"AAAA;;;;EAIE;;ACJF;EACE,yKAAyK;EACzK,gBAAgB;;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;;EAEf,cAAuB;EACvB,mBAAkC;;EAElC,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;GACG,aAAa;AAChB;;AAEA;GACG,aAAa;AAChB;;AAEA;EACE,gCAAmC;EACnC,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;AACpB;;AALA;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;;AAEA;EACE,yBAAkC;EAClC,kBAAkB;EAClB,wBAAwB;EACxB,cAAc;AAChB;;ACjFA;;;;;EAKE,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;EAGE,cAAuB;EACvB,yBAAmC;;EAEnC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAhBA;EAGE,cAAuB;EACvB,yBAAmC;;EAEnC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAhBA;EAGE,cAAuB;EACvB,yBAAmC;;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,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;;;;;;EAME,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,cAA8B;AAChC;;AAFA;EACE,cAA8B;AAChC;;AAFA;EACE,cAA8B;AAChC;;AAFA;EACE,cAA8B;AAChC;;AAEA;EACE,wBAAwB;EACxB,cAAc;EACd,uBAAuB;AACzB;;AACA;EACE,aAAa;AACf;;AAEA;EACE,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,mBAA6B;EAC7B,kBAAkB;AACpB;;AACA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,mBAAyB;EACzB,wBAAwB;EACxB,gBAAgB;AAClB;;AACA;EACE,mBAA6B;AAC/B;;AACA;EACE,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,mBAA6B;EAC7B,kBAAkB;AACpB;;AACA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,mBAAyB;AAC3B;;AACA;EACE,WAAW;EACX,aAAa;EACb,uBAAuB;EACvB,yBAAyB;EACzB,oBAAoB;EACpB,kBAAkB;AACpB;;AACA;EACE,mBAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AACA;EACE,mBAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AACA;EACE,oDAAoD;EACpD,yBAAyB;EACzB,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,mBAAyB;AAC3B;;AACA;EACE,mBAA6B;AAC/B;;AACA;EACE,mBAA6B;AAC/B;;ACjKA;EACE,qBAAqB;EACrB,cAAmB;AACrB;;AAEA;EACE,0BAA0B;AAC5B;;ACPA;EACE,oBAA8B;EAC9B,cAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,cAAc;AAChB;;AANA;EACE,oBAA8B;EAC9B,cAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,cAAc;AAChB;;AANA;EACE,oBAA8B;EAC9B,cAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,cAAc;AAChB;;AAEA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;AAClB;;AAEA;EACE,cAAsB;EACtB,kBAAkB;EAClB,sBAAsB;AACxB;;AAEA;EACE,mBAA6B;EAC7B,yBAA+B;EAC/B,kBAAkB;EAClB,cAAuB;EACvB,wBAAwB;AAC1B;;AC1BA;EACE,eAAe;EACf,YAAY;AACd;;AAEA;EACE,YAAY;EACZ,6BAAmC;AACrC;;AAEA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;AACb;;AAEA;;EAEE,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,gCAAsC;AACxC;;AAEA;EACE,yBAAuC;AACzC;;AAEA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,mBAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,mBAAkC;EAClC,kBAAkB;AACpB;;AAEA;EACE,4BAAwC;AAC1C;;AAEA;EACE,yBAAkC;AACpC;;AAFA;EACE,yBAAkC;AACpC","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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 index 82ac3e9..6e5bee6 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}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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#161f27;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#161f27}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} +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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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}input[type=range]{-webkit-appearance:none;margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#161f27;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#161f27}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 6634d2b..8b3d257 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,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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,kBACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,kBAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAIA,gFACE,kBACF,CCjKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,cAAe,CACf,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,kBACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,kBAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAIA,gFACE,kBACF,CClKA,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 {\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 0d99aed..c73537b 100644 --- a/dist/dark.css +++ b/dist/dark.css @@ -171,14 +171,14 @@ mark { } button, -input[type="submit"], -input[type="button"], -input[type="checkbox"], -input[type="range"] { +input[type='submit'], +input[type='button'], +input[type='checkbox'], +input[type='range'] { cursor: pointer; } -input:not([type="checkbox"]):not([type="radio"]), +input:not([type='checkbox']):not([type='radio']), select { display: block; } @@ -201,7 +201,7 @@ textarea { outline: none; } -input:not([type="checkbox"]):not([type="radio"]), +input:not([type='checkbox']):not([type='radio']), select, button, textarea { @@ -216,15 +216,15 @@ textarea { } button, -input[type="submit"], -input[type="button"] { +input[type='submit'], +input[type='button'] { padding-right: 30px; padding-left: 30px; } button:hover, -input[type="submit"]:hover, -input[type="button"]:hover { +input[type='submit']:hover, +input[type='button']:hover { background: var(--button-hover); } @@ -235,11 +235,11 @@ textarea:focus { box-shadow: 0 0 0 2px var(--focus); } -input[type="checkbox"]:active, -input[type="radio"]:active, -input[type="submit"]:active, -input[type="button"]:active, -input[type="range"]:active, +input[type='checkbox']:active, +input[type='radio']:active, +input[type='submit']:active, +input[type='button']:active, +input[type='range']:active, button:active { transform: translateY(2px); } @@ -268,17 +268,18 @@ textarea:disabled { color: var(--form-placeholder); } -input[type="range"] { +input[type='range'] { -webkit-appearance: none; margin: 10px 0; + padding: 10px 0; background: transparent; } -input[type="range"]:focus { +input[type='range']:focus { outline: none; } -input[type="range"]::-webkit-slider-runnable-track { +input[type='range']::-webkit-slider-runnable-track { width: 100%; height: 9.5px; transition: 0.2s; @@ -286,7 +287,7 @@ input[type="range"]::-webkit-slider-runnable-track { border-radius: 3px; } -input[type="range"]::-webkit-slider-thumb { +input[type='range']::-webkit-slider-thumb { box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; height: 20px; width: 20px; @@ -296,11 +297,11 @@ input[type="range"]::-webkit-slider-thumb { margin-top: -7px; } -input[type="range"]:focus::-webkit-slider-runnable-track { +input[type='range']:focus::-webkit-slider-runnable-track { background: var(--background); } -input[type="range"]::-moz-range-track { +input[type='range']::-moz-range-track { width: 100%; height: 9.5px; transition: 0.2s; @@ -308,7 +309,7 @@ input[type="range"]::-moz-range-track { border-radius: 3px; } -input[type="range"]::-moz-range-thumb { +input[type='range']::-moz-range-thumb { box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; height: 20px; width: 20px; @@ -316,7 +317,7 @@ input[type="range"]::-moz-range-thumb { background: var(--border); } -input[type="range"]::-ms-track { +input[type='range']::-ms-track { width: 100%; height: 9.5px; background: transparent; @@ -325,21 +326,21 @@ input[type="range"]::-ms-track { color: transparent; } -input[type="range"]::-ms-fill-lower { +input[type='range']::-ms-fill-lower { background: var(--background); border: 0.2px solid #010101; border-radius: 3px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; } -input[type="range"]::-ms-fill-upper { +input[type='range']::-ms-fill-upper { background: var(--background); border: 0.2px solid #010101; border-radius: 3px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; } -input[type="range"]::-ms-thumb { +input[type='range']::-ms-thumb { box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; border: 1px solid #000000; height: 20px; @@ -348,11 +349,11 @@ input[type="range"]::-ms-thumb { background: var(--border); } -input[type="range"]:focus::-ms-fill-lower { +input[type='range']:focus::-ms-fill-lower { background: var(--background); } -input[type="range"]:focus::-ms-fill-upper { +input[type='range']:focus::-ms-fill-upper { background: var(--background); } diff --git a/dist/dark.css.map b/dist/dark.css.map index 6b9bad1..3435bb7 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":["/**\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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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 --variable: #d941e2;\n --highlight: #efdb43;\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 75bf931..9620760 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;--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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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)} +: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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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 713ade0..4ad3f0d 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,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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CCjKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,cAAe,CACf,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CClKA,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 {\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 --variable: #d941e2;\n --highlight: #efdb43;\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 b18526c..cb9ea35 100755 --- a/dist/dark.standalone.css +++ b/dist/dark.standalone.css @@ -138,14 +138,14 @@ mark { } button, -input[type="submit"], -input[type="button"], -input[type="checkbox"], -input[type="range"] { +input[type='submit'], +input[type='button'], +input[type='checkbox'], +input[type='range'] { cursor: pointer; } -input:not([type="checkbox"]):not([type="radio"]), +input:not([type='checkbox']):not([type='radio']), select { display: block; } @@ -168,7 +168,7 @@ textarea { outline: none; } -input:not([type="checkbox"]):not([type="radio"]), +input:not([type='checkbox']):not([type='radio']), select, button, textarea { @@ -183,15 +183,15 @@ textarea { } button, -input[type="submit"], -input[type="button"] { +input[type='submit'], +input[type='button'] { padding-right: 30px; padding-left: 30px; } button:hover, -input[type="submit"]:hover, -input[type="button"]:hover { +input[type='submit']:hover, +input[type='button']:hover { background: var(--button-hover); } @@ -202,11 +202,11 @@ textarea:focus { box-shadow: 0 0 0 2px var(--focus); } -input[type="checkbox"]:active, -input[type="radio"]:active, -input[type="submit"]:active, -input[type="button"]:active, -input[type="range"]:active, +input[type='checkbox']:active, +input[type='radio']:active, +input[type='submit']:active, +input[type='button']:active, +input[type='range']:active, button:active { transform: translateY(2px); } @@ -235,17 +235,18 @@ textarea:disabled { color: var(--form-placeholder); } -input[type="range"] { +input[type='range'] { -webkit-appearance: none; margin: 10px 0; + padding: 10px 0; background: transparent; } -input[type="range"]:focus { +input[type='range']:focus { outline: none; } -input[type="range"]::-webkit-slider-runnable-track { +input[type='range']::-webkit-slider-runnable-track { width: 100%; height: 9.5px; transition: 0.2s; @@ -253,7 +254,7 @@ input[type="range"]::-webkit-slider-runnable-track { border-radius: 3px; } -input[type="range"]::-webkit-slider-thumb { +input[type='range']::-webkit-slider-thumb { box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; height: 20px; width: 20px; @@ -263,11 +264,11 @@ input[type="range"]::-webkit-slider-thumb { margin-top: -7px; } -input[type="range"]:focus::-webkit-slider-runnable-track { +input[type='range']:focus::-webkit-slider-runnable-track { background: var(--background); } -input[type="range"]::-moz-range-track { +input[type='range']::-moz-range-track { width: 100%; height: 9.5px; transition: 0.2s; @@ -275,7 +276,7 @@ input[type="range"]::-moz-range-track { border-radius: 3px; } -input[type="range"]::-moz-range-thumb { +input[type='range']::-moz-range-thumb { box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; height: 20px; width: 20px; @@ -283,7 +284,7 @@ input[type="range"]::-moz-range-thumb { background: var(--border); } -input[type="range"]::-ms-track { +input[type='range']::-ms-track { width: 100%; height: 9.5px; background: transparent; @@ -292,21 +293,21 @@ input[type="range"]::-ms-track { color: transparent; } -input[type="range"]::-ms-fill-lower { +input[type='range']::-ms-fill-lower { background: var(--background); border: 0.2px solid #010101; border-radius: 3px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; } -input[type="range"]::-ms-fill-upper { +input[type='range']::-ms-fill-upper { background: var(--background); border: 0.2px solid #010101; border-radius: 3px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; } -input[type="range"]::-ms-thumb { +input[type='range']::-ms-thumb { box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; border: 1px solid #000000; height: 20px; @@ -315,11 +316,11 @@ input[type="range"]::-ms-thumb { background: var(--border); } -input[type="range"]:focus::-ms-fill-lower { +input[type='range']:focus::-ms-fill-lower { background: var(--background); } -input[type="range"]:focus::-ms-fill-upper { +input[type='range']:focus::-ms-fill-upper { background: var(--background); } diff --git a/dist/dark.standalone.css.map b/dist/dark.standalone.css.map index 7847444..dc48680 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":"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","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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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":"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","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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 d18404c..4932931 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;--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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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)} +: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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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 189ebb8..76f0f98 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,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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CCjKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,cAAe,CACf,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CClKA,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 {\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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.css.map b/dist/light-legacy.css.map index b74a704..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,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 +{"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.map b/dist/light-legacy.min.css.map index e1d123b..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,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 +{"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/dist/light-legacy.standalone.css b/dist/light-legacy.standalone.css index fa46ace..64e04ac 100755 --- a/dist/light-legacy.standalone.css +++ b/dist/light-legacy.standalone.css @@ -151,14 +151,14 @@ mark { } button, -input[type="submit"], -input[type="button"], -input[type="checkbox"], -input[type="range"] { +input[type='submit'], +input[type='button'], +input[type='checkbox'], +input[type='range'] { cursor: pointer; } -input:not([type="checkbox"]):not([type="radio"]), +input:not([type='checkbox']):not([type='radio']), select { display: block; } @@ -211,7 +211,7 @@ textarea { outline: none; } -input:not([type="checkbox"]):not([type="radio"]), +input:not([type='checkbox']):not([type='radio']), select, button, textarea { @@ -226,8 +226,8 @@ textarea { } button, -input[type="submit"], -input[type="button"] { +input[type='submit'], +input[type='button'] { padding-right: 30px; padding-left: 30px; } @@ -236,11 +236,11 @@ button:hover { background: #dddddd; } -input[type="submit"]:hover { +input[type='submit']:hover { background: #dddddd; } -input[type="button"]:hover { +input[type='button']:hover { background: #dddddd; } @@ -260,11 +260,11 @@ 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, -input[type="range"]:active, +input[type='checkbox']:active, +input[type='radio']:active, +input[type='submit']:active, +input[type='button']:active, +input[type='range']:active, button:active { transform: translateY(2px); } @@ -293,17 +293,18 @@ textarea:disabled { color: #949494; } -input[type="range"] { +input[type='range'] { -webkit-appearance: none; margin: 10px 0; + padding: 10px 0; background: transparent; } -input[type="range"]:focus { +input[type='range']:focus { outline: none; } -input[type="range"]::-webkit-slider-runnable-track { +input[type='range']::-webkit-slider-runnable-track { width: 100%; height: 9.5px; transition: 0.2s; @@ -311,7 +312,7 @@ input[type="range"]::-webkit-slider-runnable-track { border-radius: 3px; } -input[type="range"]::-webkit-slider-thumb { +input[type='range']::-webkit-slider-thumb { box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; height: 20px; width: 20px; @@ -321,11 +322,11 @@ input[type="range"]::-webkit-slider-thumb { margin-top: -7px; } -input[type="range"]:focus::-webkit-slider-runnable-track { +input[type='range']:focus::-webkit-slider-runnable-track { background: #efefef; } -input[type="range"]::-moz-range-track { +input[type='range']::-moz-range-track { width: 100%; height: 9.5px; transition: 0.2s; @@ -333,7 +334,7 @@ input[type="range"]::-moz-range-track { border-radius: 3px; } -input[type="range"]::-moz-range-thumb { +input[type='range']::-moz-range-thumb { box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; height: 20px; width: 20px; @@ -341,7 +342,7 @@ input[type="range"]::-moz-range-thumb { background: #dbdbdb; } -input[type="range"]::-ms-track { +input[type='range']::-ms-track { width: 100%; height: 9.5px; background: transparent; @@ -350,21 +351,21 @@ input[type="range"]::-ms-track { color: transparent; } -input[type="range"]::-ms-fill-lower { +input[type='range']::-ms-fill-lower { background: #efefef; border: 0.2px solid #010101; border-radius: 3px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; } -input[type="range"]::-ms-fill-upper { +input[type='range']::-ms-fill-upper { background: #efefef; border: 0.2px solid #010101; border-radius: 3px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; } -input[type="range"]::-ms-thumb { +input[type='range']::-ms-thumb { box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; border: 1px solid #000000; height: 20px; @@ -373,11 +374,11 @@ input[type="range"]::-ms-thumb { background: #dbdbdb; } -input[type="range"]:focus::-ms-fill-lower { +input[type='range']:focus::-ms-fill-lower { background: #efefef; } -input[type="range"]:focus::-ms-fill-upper { +input[type='range']:focus::-ms-fill-upper { background: #efefef; } diff --git a/dist/light-legacy.standalone.css.map b/dist/light-legacy.standalone.css.map index f6d4186..33d99ea 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":["/**\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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 index c40cf61..266b62e 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}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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef}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} +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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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}input[type=range]{-webkit-appearance:none;margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef}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 0ad4642..eeb9638 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,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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,kBACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,kBAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAIA,gFACE,kBACF,CCjKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,cAAe,CACf,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,kBACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,kBAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAIA,gFACE,kBACF,CClKA,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 {\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 68274ab..e292684 100644 --- a/dist/light.css +++ b/dist/light.css @@ -171,14 +171,14 @@ mark { } button, -input[type="submit"], -input[type="button"], -input[type="checkbox"], -input[type="range"] { +input[type='submit'], +input[type='button'], +input[type='checkbox'], +input[type='range'] { cursor: pointer; } -input:not([type="checkbox"]):not([type="radio"]), +input:not([type='checkbox']):not([type='radio']), select { display: block; } @@ -201,7 +201,7 @@ textarea { outline: none; } -input:not([type="checkbox"]):not([type="radio"]), +input:not([type='checkbox']):not([type='radio']), select, button, textarea { @@ -216,15 +216,15 @@ textarea { } button, -input[type="submit"], -input[type="button"] { +input[type='submit'], +input[type='button'] { padding-right: 30px; padding-left: 30px; } button:hover, -input[type="submit"]:hover, -input[type="button"]:hover { +input[type='submit']:hover, +input[type='button']:hover { background: var(--button-hover); } @@ -235,11 +235,11 @@ textarea:focus { box-shadow: 0 0 0 2px var(--focus); } -input[type="checkbox"]:active, -input[type="radio"]:active, -input[type="submit"]:active, -input[type="button"]:active, -input[type="range"]:active, +input[type='checkbox']:active, +input[type='radio']:active, +input[type='submit']:active, +input[type='button']:active, +input[type='range']:active, button:active { transform: translateY(2px); } @@ -268,17 +268,18 @@ textarea:disabled { color: var(--form-placeholder); } -input[type="range"] { +input[type='range'] { -webkit-appearance: none; margin: 10px 0; + padding: 10px 0; background: transparent; } -input[type="range"]:focus { +input[type='range']:focus { outline: none; } -input[type="range"]::-webkit-slider-runnable-track { +input[type='range']::-webkit-slider-runnable-track { width: 100%; height: 9.5px; transition: 0.2s; @@ -286,7 +287,7 @@ input[type="range"]::-webkit-slider-runnable-track { border-radius: 3px; } -input[type="range"]::-webkit-slider-thumb { +input[type='range']::-webkit-slider-thumb { box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; height: 20px; width: 20px; @@ -296,11 +297,11 @@ input[type="range"]::-webkit-slider-thumb { margin-top: -7px; } -input[type="range"]:focus::-webkit-slider-runnable-track { +input[type='range']:focus::-webkit-slider-runnable-track { background: var(--background); } -input[type="range"]::-moz-range-track { +input[type='range']::-moz-range-track { width: 100%; height: 9.5px; transition: 0.2s; @@ -308,7 +309,7 @@ input[type="range"]::-moz-range-track { border-radius: 3px; } -input[type="range"]::-moz-range-thumb { +input[type='range']::-moz-range-thumb { box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; height: 20px; width: 20px; @@ -316,7 +317,7 @@ input[type="range"]::-moz-range-thumb { background: var(--border); } -input[type="range"]::-ms-track { +input[type='range']::-ms-track { width: 100%; height: 9.5px; background: transparent; @@ -325,21 +326,21 @@ input[type="range"]::-ms-track { color: transparent; } -input[type="range"]::-ms-fill-lower { +input[type='range']::-ms-fill-lower { background: var(--background); border: 0.2px solid #010101; border-radius: 3px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; } -input[type="range"]::-ms-fill-upper { +input[type='range']::-ms-fill-upper { background: var(--background); border: 0.2px solid #010101; border-radius: 3px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; } -input[type="range"]::-ms-thumb { +input[type='range']::-ms-thumb { box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; border: 1px solid #000000; height: 20px; @@ -348,11 +349,11 @@ input[type="range"]::-ms-thumb { background: var(--border); } -input[type="range"]:focus::-ms-fill-lower { +input[type='range']:focus::-ms-fill-lower { background: var(--background); } -input[type="range"]:focus::-ms-fill-upper { +input[type='range']:focus::-ms-fill-upper { background: var(--background); } diff --git a/dist/light.css.map b/dist/light.css.map index 93be4fa..3f7743c 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":["/**\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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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 --variable: #39a33c;\n --highlight: #ffff00;\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 0604a9f..de1abb4 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;--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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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)} +: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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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 66122c3..54bc343 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,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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CCjKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,cAAe,CACf,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CClKA,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 {\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 --variable: #39a33c;\n --highlight: #ffff00;\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 459a9c6..d9d8fc2 100755 --- a/dist/light.standalone.css +++ b/dist/light.standalone.css @@ -138,14 +138,14 @@ mark { } button, -input[type="submit"], -input[type="button"], -input[type="checkbox"], -input[type="range"] { +input[type='submit'], +input[type='button'], +input[type='checkbox'], +input[type='range'] { cursor: pointer; } -input:not([type="checkbox"]):not([type="radio"]), +input:not([type='checkbox']):not([type='radio']), select { display: block; } @@ -168,7 +168,7 @@ textarea { outline: none; } -input:not([type="checkbox"]):not([type="radio"]), +input:not([type='checkbox']):not([type='radio']), select, button, textarea { @@ -183,15 +183,15 @@ textarea { } button, -input[type="submit"], -input[type="button"] { +input[type='submit'], +input[type='button'] { padding-right: 30px; padding-left: 30px; } button:hover, -input[type="submit"]:hover, -input[type="button"]:hover { +input[type='submit']:hover, +input[type='button']:hover { background: var(--button-hover); } @@ -202,11 +202,11 @@ textarea:focus { box-shadow: 0 0 0 2px var(--focus); } -input[type="checkbox"]:active, -input[type="radio"]:active, -input[type="submit"]:active, -input[type="button"]:active, -input[type="range"]:active, +input[type='checkbox']:active, +input[type='radio']:active, +input[type='submit']:active, +input[type='button']:active, +input[type='range']:active, button:active { transform: translateY(2px); } @@ -235,17 +235,18 @@ textarea:disabled { color: var(--form-placeholder); } -input[type="range"] { +input[type='range'] { -webkit-appearance: none; margin: 10px 0; + padding: 10px 0; background: transparent; } -input[type="range"]:focus { +input[type='range']:focus { outline: none; } -input[type="range"]::-webkit-slider-runnable-track { +input[type='range']::-webkit-slider-runnable-track { width: 100%; height: 9.5px; transition: 0.2s; @@ -253,7 +254,7 @@ input[type="range"]::-webkit-slider-runnable-track { border-radius: 3px; } -input[type="range"]::-webkit-slider-thumb { +input[type='range']::-webkit-slider-thumb { box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; height: 20px; width: 20px; @@ -263,11 +264,11 @@ input[type="range"]::-webkit-slider-thumb { margin-top: -7px; } -input[type="range"]:focus::-webkit-slider-runnable-track { +input[type='range']:focus::-webkit-slider-runnable-track { background: var(--background); } -input[type="range"]::-moz-range-track { +input[type='range']::-moz-range-track { width: 100%; height: 9.5px; transition: 0.2s; @@ -275,7 +276,7 @@ input[type="range"]::-moz-range-track { border-radius: 3px; } -input[type="range"]::-moz-range-thumb { +input[type='range']::-moz-range-thumb { box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; height: 20px; width: 20px; @@ -283,7 +284,7 @@ input[type="range"]::-moz-range-thumb { background: var(--border); } -input[type="range"]::-ms-track { +input[type='range']::-ms-track { width: 100%; height: 9.5px; background: transparent; @@ -292,21 +293,21 @@ input[type="range"]::-ms-track { color: transparent; } -input[type="range"]::-ms-fill-lower { +input[type='range']::-ms-fill-lower { background: var(--background); border: 0.2px solid #010101; border-radius: 3px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; } -input[type="range"]::-ms-fill-upper { +input[type='range']::-ms-fill-upper { background: var(--background); border: 0.2px solid #010101; border-radius: 3px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; } -input[type="range"]::-ms-thumb { +input[type='range']::-ms-thumb { box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; border: 1px solid #000000; height: 20px; @@ -315,11 +316,11 @@ input[type="range"]::-ms-thumb { background: var(--border); } -input[type="range"]:focus::-ms-fill-lower { +input[type='range']:focus::-ms-fill-lower { background: var(--background); } -input[type="range"]:focus::-ms-fill-upper { +input[type='range']:focus::-ms-fill-upper { background: var(--background); } diff --git a/dist/light.standalone.css.map b/dist/light.standalone.css.map index 2d0e4bc..ff964af 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":"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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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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":["/**\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 760ba72..ba9f1ce 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;--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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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)} +: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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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 0de2628..1791bea 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,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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CCjKA,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\ninput[type=\"range\"] {\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\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\ninput[type=\"range\"]: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\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\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 +{"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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,cAAe,CACf,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CClKA,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 {\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 af3ad9cdc060997b6d2b600864e56c0a495c0b0e Mon Sep 17 00:00:00 2001 From: Kognise Date: Mon, 26 Aug 2019 13:13:31 -0400 Subject: [PATCH 28/60] Improve formatting --- src/parts/_core.css | 1 + src/parts/_forms.css | 79 +--------------------------------------- src/parts/_range.css | 87 ++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 89 insertions(+), 78 deletions(-) create mode 100644 src/parts/_range.css diff --git a/src/parts/_core.css b/src/parts/_core.css index db69e63..d10b131 100644 --- a/src/parts/_core.css +++ b/src/parts/_core.css @@ -1,6 +1,7 @@ @import '_base.css'; @import '_typography.css'; @import '_forms.css'; +@import '_range.css'; @import '_links.css'; @import '_code.css'; @import '_misc.css'; \ No newline at end of file diff --git a/src/parts/_forms.css b/src/parts/_forms.css index 934a974..0b21391 100644 --- a/src/parts/_forms.css +++ b/src/parts/_forms.css @@ -30,6 +30,7 @@ textarea { } input:not([type='checkbox']):not([type='radio']), +input[type='range'], select, button, textarea { @@ -83,81 +84,3 @@ textarea:disabled { ::placeholder { color: var(--form-placeholder); } - -input[type='range'] { - -webkit-appearance: none; - margin: 10px 0; - padding: 10px 0; - background: transparent; -} -input[type='range']:focus { - outline: none; -} - -input[type='range']::-webkit-slider-runnable-track { - width: 100%; - height: 9.5px; - transition: 0.2s; - background: var(--background); - border-radius: 3px; -} -input[type='range']::-webkit-slider-thumb { - box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; - height: 20px; - width: 20px; - border-radius: 50%; - background: var(--border); - -webkit-appearance: none; - margin-top: -7px; -} -input[type='range']:focus::-webkit-slider-runnable-track { - background: var(--background); -} -input[type='range']::-moz-range-track { - width: 100%; - height: 9.5px; - transition: 0.2s; - background: var(--background); - border-radius: 3px; -} -input[type='range']::-moz-range-thumb { - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; - height: 20px; - width: 20px; - border-radius: 50%; - background: var(--border); -} -input[type='range']::-ms-track { - width: 100%; - height: 9.5px; - background: transparent; - border-color: transparent; - border-width: 16px 0; - color: transparent; -} -input[type='range']::-ms-fill-lower { - background: var(--background); - border: 0.2px solid #010101; - border-radius: 3px; - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; -} -input[type='range']::-ms-fill-upper { - background: var(--background); - border: 0.2px solid #010101; - border-radius: 3px; - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; -} -input[type='range']::-ms-thumb { - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; - border: 1px solid #000000; - height: 20px; - width: 20px; - border-radius: 50%; - background: var(--border); -} -input[type='range']:focus::-ms-fill-lower { - background: var(--background); -} -input[type='range']:focus::-ms-fill-upper { - background: var(--background); -} diff --git a/src/parts/_range.css b/src/parts/_range.css new file mode 100644 index 0000000..1091291 --- /dev/null +++ b/src/parts/_range.css @@ -0,0 +1,87 @@ +input[type='range'] { + margin: 10px 0; + padding: 10px 0; + background: transparent; +} + +input[type='range']:focus { + outline: none; +} + +input[type='range']::-webkit-slider-runnable-track { + width: 100%; + height: 9.5px; + transition: 0.2s; + background: var(--background); + border-radius: 3px; +} + +input[type='range']::-webkit-slider-thumb { + box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; + height: 20px; + width: 20px; + border-radius: 50%; + background: var(--border); + -webkit-appearance: none; + margin-top: -7px; +} + +input[type='range']:focus::-webkit-slider-runnable-track { + background: var(--background); +} + +input[type='range']::-moz-range-track { + width: 100%; + height: 9.5px; + transition: 0.2s; + background: var(--background); + border-radius: 3px; +} + +input[type='range']::-moz-range-thumb { + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; + height: 20px; + width: 20px; + border-radius: 50%; + background: var(--border); +} + +input[type='range']::-ms-track { + width: 100%; + height: 9.5px; + background: transparent; + border-color: transparent; + border-width: 16px 0; + color: transparent; +} + +input[type='range']::-ms-fill-lower { + background: var(--background); + border: 0.2px solid #010101; + border-radius: 3px; + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; +} + +input[type='range']::-ms-fill-upper { + background: var(--background); + border: 0.2px solid #010101; + border-radius: 3px; + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; +} + +input[type='range']::-ms-thumb { + box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; + border: 1px solid #000000; + height: 20px; + width: 20px; + border-radius: 50%; + background: var(--border); +} + +input[type='range']:focus::-ms-fill-lower { + background: var(--background); +} + +input[type='range']:focus::-ms-fill-upper { + background: var(--background); +} \ No newline at end of file From 251086ac31ca2f110f25df9f30c47f1f6aaa8e8d Mon Sep 17 00:00:00 2001 From: Kognise Date: Mon, 26 Aug 2019 13:13:35 -0400 Subject: [PATCH 29/60] Build --- dist/dark-legacy.standalone.css | 2 +- 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 | 2 +- dist/dark.css.map | 2 +- dist/dark.min.css | 2 +- dist/dark.min.css.map | 2 +- dist/dark.standalone.css | 2 +- dist/dark.standalone.css.map | 2 +- dist/dark.standalone.min.css | 2 +- dist/dark.standalone.min.css.map | 2 +- dist/light-legacy.standalone.css | 2 +- 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 | 2 +- dist/light.css.map | 2 +- dist/light.min.css | 2 +- dist/light.min.css.map | 2 +- dist/light.standalone.css | 2 +- dist/light.standalone.css.map | 2 +- dist/light.standalone.min.css | 2 +- dist/light.standalone.min.css.map | 2 +- 24 files changed, 24 insertions(+), 24 deletions(-) diff --git a/dist/dark-legacy.standalone.css b/dist/dark-legacy.standalone.css index b31f6f0..7ba5906 100755 --- a/dist/dark-legacy.standalone.css +++ b/dist/dark-legacy.standalone.css @@ -212,6 +212,7 @@ textarea { } input:not([type='checkbox']):not([type='radio']), +input[type='range'], select, button, textarea { @@ -294,7 +295,6 @@ textarea:disabled { } input[type='range'] { - -webkit-appearance: none; margin: 10px 0; padding: 10px 0; background: transparent; diff --git a/dist/dark-legacy.standalone.css.map b/dist/dark-legacy.standalone.css.map index fd89212..96cbb93 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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/_range.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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 index 6e5bee6..cedfb0d 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}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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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}input[type=range]{-webkit-appearance:none;margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#161f27;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#161f27}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} +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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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]),input[type=range],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=range]: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}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#161f27;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#161f27}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 8b3d257..4567442 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,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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,cAAe,CACf,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,kBACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,kBAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAIA,gFACE,kBACF,CClKA,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 {\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/_range.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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,UAAuB,CACvB,wBAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,sFAKE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,kBACF,CAEA,qDAIE,wCACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CCrFA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,kBACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,kBAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAMA,gFACE,kBACF,CCtFA,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 {\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 c73537b..b6cc0e3 100644 --- a/dist/dark.css +++ b/dist/dark.css @@ -202,6 +202,7 @@ textarea { } input:not([type='checkbox']):not([type='radio']), +input[type='range'], select, button, textarea { @@ -269,7 +270,6 @@ textarea:disabled { } input[type='range'] { - -webkit-appearance: none; margin: 10px 0; padding: 10px 0; background: transparent; diff --git a/dist/dark.css.map b/dist/dark.css.map index 3435bb7..0a359a0 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,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;AAAA;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,kCAAgE;EAChE,wCAAuE;;EAEvE,2BAA2B;EAC3B,oBAAoB;;EAEpB,mBAAmB;EACnB,oBAAoB;AACtB;AFuCA;;AGjEA;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;;;;;EAKE,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;;;EAGE,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;;;;;;EAME,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAEA;EACE,wBAAwB;EACxB,cAAc;EACd,eAAe;EACf,uBAAuB;AACzB;;AACA;EACE,aAAa;AACf;;AAEA;EACE,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,6BAA6B;EAC7B,kBAAkB;AACpB;;AACA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;EACzB,wBAAwB;EACxB,gBAAgB;AAClB;;AACA;EACE,6BAA6B;AAC/B;;AACA;EACE,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,6BAA6B;EAC7B,kBAAkB;AACpB;;AACA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;AAC3B;;AACA;EACE,WAAW;EACX,aAAa;EACb,uBAAuB;EACvB,yBAAyB;EACzB,oBAAoB;EACpB,kBAAkB;AACpB;;AACA;EACE,6BAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AACA;EACE,6BAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AACA;EACE,oDAAoD;EACpD,yBAAyB;EACzB,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;AAC3B;;AACA;EACE,6BAA6B;AAC/B;;AACA;EACE,6BAA6B;AAC/B;;AClKA;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.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 --variable: #d941e2;\n --highlight: #efdb43;\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA;;;;;;;EAOE;;ACPF;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;AAAA;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,kCAAgE;EAChE,wCAAuE;;EAEvE,2BAA2B;EAC3B,oBAAoB;;EAEpB,mBAAmB;EACnB,oBAAoB;AACtB;AFuCA;;AGjEA;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;;;;;EAKE,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;;;EAGE,uBAAuB;EACvB,mCAAmC;;EAEnC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAEA;;;;;EAKE,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;;;;;;EAME,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;ACrFA;EACE,cAAc;EACd,eAAe;EACf,uBAAuB;AACzB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;EACzB,wBAAwB;EACxB,gBAAgB;AAClB;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;AAC3B;;AAEA;EACE,WAAW;EACX,aAAa;EACb,uBAAuB;EACvB,yBAAyB;EACzB,oBAAoB;EACpB,kBAAkB;AACpB;;AAEA;EACE,6BAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AAEA;EACE,6BAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AAEA;EACE,oDAAoD;EACpD,yBAAyB;EACzB,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;AAC3B;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,6BAA6B;AAC/B;;ACtFA;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.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 --variable: #d941e2;\n --highlight: #efdb43;\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 9620760..8052a56 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;--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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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)} +: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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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]),input[type=range],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=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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 4ad3f0d..d2fe0ca 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,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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,cAAe,CACf,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CClKA,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 {\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 --variable: #d941e2;\n --highlight: #efdb43;\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/_range.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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,sFAKE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCrFA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,4BACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAMA,gFACE,4BACF,CCtFA,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 {\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 --variable: #d941e2;\n --highlight: #efdb43;\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 cb9ea35..a17bc39 100755 --- a/dist/dark.standalone.css +++ b/dist/dark.standalone.css @@ -169,6 +169,7 @@ textarea { } input:not([type='checkbox']):not([type='radio']), +input[type='range'], select, button, textarea { @@ -236,7 +237,6 @@ textarea:disabled { } input[type='range'] { - -webkit-appearance: none; margin: 10px 0; padding: 10px 0; background: transparent; diff --git a/dist/dark.standalone.css.map b/dist/dark.standalone.css.map index dc48680..5462732 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":"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","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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/_range.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;;;;;EAKE,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;;;EAGE,uBAAuB;EACvB,mCAAmC;;EAEnC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAEA;;;;;EAKE,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;;;;;;EAME,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;ACrFA;EACE,cAAc;EACd,eAAe;EACf,uBAAuB;AACzB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;EACzB,wBAAwB;EACxB,gBAAgB;AAClB;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;AAC3B;;AAEA;EACE,WAAW;EACX,aAAa;EACb,uBAAuB;EACvB,yBAAyB;EACzB,oBAAoB;EACpB,kBAAkB;AACpB;;AAEA;EACE,6BAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AAEA;EACE,6BAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AAEA;EACE,oDAAoD;EACpD,yBAAyB;EACzB,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;AAC3B;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,6BAA6B;AAC/B;;ACtFA;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":["/**\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 4932931..4128e47 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;--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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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)} +: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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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]),input[type=range],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=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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 76f0f98..866c75e 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,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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,cAAe,CACf,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CClKA,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 {\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 index 64e04ac..b3c47f4 100755 --- a/dist/light-legacy.standalone.css +++ b/dist/light-legacy.standalone.css @@ -212,6 +212,7 @@ textarea { } input:not([type='checkbox']):not([type='radio']), +input[type='range'], select, button, textarea { @@ -294,7 +295,6 @@ textarea:disabled { } input[type='range'] { - -webkit-appearance: none; margin: 10px 0; padding: 10px 0; background: transparent; diff --git a/dist/light-legacy.standalone.css.map b/dist/light-legacy.standalone.css.map index 33d99ea..9004fe6 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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/_range.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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 index 266b62e..aa04c84 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}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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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}input[type=range]{-webkit-appearance:none;margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef}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} +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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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]),input[type=range],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=range]: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}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef}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 eeb9638..c021eeb 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,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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,cAAe,CACf,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,kBACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,kBAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAIA,gFACE,kBACF,CClKA,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 {\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/_range.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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,UAAuB,CACvB,wBAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,sFAKE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,eACF,CAEA,qDAIE,wCACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CCrFA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,kBACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,kBAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAMA,gFACE,kBACF,CCtFA,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 {\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 e292684..d8d892d 100644 --- a/dist/light.css +++ b/dist/light.css @@ -202,6 +202,7 @@ textarea { } input:not([type='checkbox']):not([type='radio']), +input[type='range'], select, button, textarea { @@ -269,7 +270,6 @@ textarea:disabled { } input[type='range'] { - -webkit-appearance: none; margin: 10px 0; padding: 10px 0; background: transparent; diff --git a/dist/light.css.map b/dist/light.css.map index 3f7743c..5d61911 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 --variable: #39a33c;\n --highlight: #ffff00;\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA;;;;;;;EAOE;;ACPF;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;;EAEpB,mBAAmB;EACnB,oBAAoB;AACtB;;AC1BA;AAAA;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,wCAAyE;;EAEzE,2BAA2B;EAC3B,oBAAoB;;EAEpB,mBAAmB;EACnB,oBAAoB;AACtB;AFuCA;;AGjEA;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;;;;;EAKE,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;;;EAGE,uBAAuB;EACvB,mCAAmC;;EAEnC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAEA;;;;;EAKE,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;;;;;;EAME,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;ACrFA;EACE,cAAc;EACd,eAAe;EACf,uBAAuB;AACzB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;EACzB,wBAAwB;EACxB,gBAAgB;AAClB;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;AAC3B;;AAEA;EACE,WAAW;EACX,aAAa;EACb,uBAAuB;EACvB,yBAAyB;EACzB,oBAAoB;EACpB,kBAAkB;AACpB;;AAEA;EACE,6BAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AAEA;EACE,6BAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AAEA;EACE,oDAAoD;EACpD,yBAAyB;EACzB,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;AAC3B;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,6BAA6B;AAC/B;;ACtFA;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":"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 --variable: #39a33c;\n --highlight: #ffff00;\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 de1abb4..41f520f 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;--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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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)} +: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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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]),input[type=range],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=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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 54bc343..88845f1 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,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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,cAAe,CACf,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CClKA,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 {\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 --variable: #39a33c;\n --highlight: #ffff00;\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #39a33c;\n --highlight: #ffff00;\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 d9d8fc2..9ddbc49 100755 --- a/dist/light.standalone.css +++ b/dist/light.standalone.css @@ -169,6 +169,7 @@ textarea { } input:not([type='checkbox']):not([type='radio']), +input[type='range'], select, button, textarea { @@ -236,7 +237,6 @@ textarea:disabled { } input[type='range'] { - -webkit-appearance: none; margin: 10px 0; padding: 10px 0; background: transparent; diff --git a/dist/light.standalone.css.map b/dist/light.standalone.css.map index ff964af..b0d8e7a 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":"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","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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/_range.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, 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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 ba9f1ce..c3a724b 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;--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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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=range]: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)}input[type=range]{-webkit-appearance:none;margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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)} +: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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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]),input[type=range],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=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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 1791bea..7b79721 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,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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,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,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,cAAe,CACf,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CClKA,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 {\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\ninput[type='range']: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\ninput[type='range'] {\n -webkit-appearance: none;\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}\n","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 13fa999d107a651a90926525d6d30a49206c2f92 Mon Sep 17 00:00:00 2001 From: Kognise Date: Mon, 26 Aug 2019 13:23:55 -0400 Subject: [PATCH 30/60] Build --- dist/dark-legacy.standalone.css | 10 +--------- dist/dark-legacy.standalone.css.map | 6 +----- dist/dark-legacy.standalone.min.css | 6 +----- dist/dark-legacy.standalone.min.css.map | 6 +----- dist/dark.css | 10 +--------- dist/dark.css.map | 6 +----- dist/dark.min.css | 6 +----- dist/dark.min.css.map | 6 +----- dist/dark.standalone.css | 10 +--------- dist/dark.standalone.css.map | 6 +----- dist/dark.standalone.min.css | 6 +----- dist/dark.standalone.min.css.map | 6 +----- dist/light-legacy.standalone.css | 10 +--------- dist/light-legacy.standalone.css.map | 6 +----- dist/light-legacy.standalone.min.css | 6 +----- dist/light-legacy.standalone.min.css.map | 6 +----- dist/light.css | 10 +--------- dist/light.css.map | 6 +----- dist/light.min.css | 6 +----- dist/light.min.css.map | 6 +----- dist/light.standalone.css | 10 +--------- dist/light.standalone.css.map | 6 +----- dist/light.standalone.min.css | 6 +----- dist/light.standalone.min.css.map | 6 +----- 24 files changed, 24 insertions(+), 144 deletions(-) diff --git a/dist/dark-legacy.standalone.css b/dist/dark-legacy.standalone.css index cdbcd3b..621c5c1 100755 --- a/dist/dark-legacy.standalone.css +++ b/dist/dark-legacy.standalone.css @@ -154,11 +154,8 @@ button, input[type='submit'], input[type='button'], input[type='checkbox'], -<<<<<<< HEAD +input[type='range'], input[type='radio'] { -======= -input[type='range'] { ->>>>>>> master cursor: pointer; } @@ -215,12 +212,7 @@ textarea { outline: none; } -<<<<<<< HEAD input, -======= -input:not([type='checkbox']):not([type='radio']), -input[type='range'], ->>>>>>> master select, button, textarea { diff --git a/dist/dark-legacy.standalone.css.map b/dist/dark-legacy.standalone.css.map index 7073c77..4c025d5 100644 --- a/dist/dark-legacy.standalone.css.map +++ b/dist/dark-legacy.standalone.css.map @@ -1,5 +1 @@ -<<<<<<< HEAD -{"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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} -======= -{"version":3,"sources":["dark-legacy.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} ->>>>>>> master +{"version":3,"sources":["dark-legacy.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 index 126e3ef..334fa9f 100755 --- a/dist/dark-legacy.standalone.min.css +++ b/dist/dark-legacy.standalone.min.css @@ -1,6 +1,2 @@ -<<<<<<< HEAD -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=radio],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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#324759}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}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} -======= -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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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]),input[type=range],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=range]: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}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#161f27;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#161f27}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} ->>>>>>> master +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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#324759}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#161f27;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#161f27}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 6ab062e..95e2606 100644 --- a/dist/dark-legacy.standalone.min.css.map +++ b/dist/dark-legacy.standalone.min.css.map @@ -1,5 +1 @@ -<<<<<<< HEAD -{"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,oFAKE,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,6BAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,kBACF,CAEA,qDAIE,wCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,kBACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CCvHA,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 {\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} -======= -{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,UAAuB,CACvB,wBAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,sFAKE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,kBACF,CAEA,qDAIE,wCACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CCrFA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,kBACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,kBAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAMA,gFACE,kBACF,CCtFA,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 {\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} ->>>>>>> master +{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 f0ed593..3f04993 100644 --- a/dist/dark.css +++ b/dist/dark.css @@ -174,11 +174,8 @@ button, input[type='submit'], input[type='button'], input[type='checkbox'], -<<<<<<< HEAD +input[type='range'], input[type='radio'] { -======= -input[type='range'] { ->>>>>>> master cursor: pointer; } @@ -205,12 +202,7 @@ textarea { outline: none; } -<<<<<<< HEAD input, -======= -input:not([type='checkbox']):not([type='radio']), -input[type='range'], ->>>>>>> master select, button, textarea { diff --git a/dist/dark.css.map b/dist/dark.css.map index e27285e..7c764bc 100644 --- a/dist/dark.css.map +++ b/dist/dark.css.map @@ -1,5 +1 @@ -<<<<<<< HEAD -{"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 --variable: #d941e2;\n --highlight: #efdb43;\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} -======= -{"version":3,"sources":["dark.css","../variables-dark.css","../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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 --variable: #d941e2;\n --highlight: #efdb43;\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} ->>>>>>> master +{"version":3,"sources":["dark.css","../variables-dark.css","../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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 --variable: #d941e2;\n --highlight: #efdb43;\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 d566980..5036904 100644 --- a/dist/dark.min.css +++ b/dist/dark.min.css @@ -1,6 +1,2 @@ -<<<<<<< HEAD -: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=radio],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;-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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}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)} -======= -: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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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]),input[type=range],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=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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)} ->>>>>>> master +: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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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 5782555..41628a0 100644 --- a/dist/dark.min.css.map +++ b/dist/dark.min.css.map @@ -1,5 +1 @@ -<<<<<<< HEAD -{"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":"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","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 --variable: #d941e2;\n --highlight: #efdb43;\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} -======= -{"version":3,"sources":["../variables-dark.css","../variables-light.css","dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #d941e2;\n --highlight: #efdb43;\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} ->>>>>>> master +{"version":3,"sources":["../variables-dark.css","../variables-light.css","dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #d941e2;\n --highlight: #efdb43;\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 2f8bfbe..878b773 100755 --- a/dist/dark.standalone.css +++ b/dist/dark.standalone.css @@ -141,11 +141,8 @@ button, input[type='submit'], input[type='button'], input[type='checkbox'], -<<<<<<< HEAD +input[type='range'], input[type='radio'] { -======= -input[type='range'] { ->>>>>>> master cursor: pointer; } @@ -172,12 +169,7 @@ textarea { outline: none; } -<<<<<<< HEAD input, -======= -input:not([type='checkbox']):not([type='radio']), -input[type='range'], ->>>>>>> master select, button, textarea { diff --git a/dist/dark.standalone.css.map b/dist/dark.standalone.css.map index 7673bd7..af1bf18 100644 --- a/dist/dark.standalone.css.map +++ b/dist/dark.standalone.css.map @@ -1,5 +1 @@ -<<<<<<< HEAD -{"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":"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","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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} -======= -{"version":3,"sources":["dark.standalone.css","../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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, 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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} ->>>>>>> master +{"version":3,"sources":["dark.standalone.css","../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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, 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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 f10d750..cb39eb4 100755 --- a/dist/dark.standalone.min.css +++ b/dist/dark.standalone.min.css @@ -1,6 +1,2 @@ -<<<<<<< HEAD -: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=radio],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;-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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}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)} -======= -: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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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]),input[type=range],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=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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)} ->>>>>>> master +: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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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 fac7743..674bce4 100644 --- a/dist/dark.standalone.min.css.map +++ b/dist/dark.standalone.min.css.map @@ -1,5 +1 @@ -<<<<<<< HEAD -{"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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAOb,uBANF,CASA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,8BACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCvHA,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 {\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} -======= -{"version":3,"sources":["../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} ->>>>>>> master +{"version":3,"sources":["../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 index c132321..e612983 100755 --- a/dist/light-legacy.standalone.css +++ b/dist/light-legacy.standalone.css @@ -154,11 +154,8 @@ button, input[type='submit'], input[type='button'], input[type='checkbox'], -<<<<<<< HEAD +input[type='range'], input[type='radio'] { -======= -input[type='range'] { ->>>>>>> master cursor: pointer; } @@ -215,12 +212,7 @@ textarea { outline: none; } -<<<<<<< HEAD input, -======= -input:not([type='checkbox']):not([type='radio']), -input[type='range'], ->>>>>>> master select, button, textarea { diff --git a/dist/light-legacy.standalone.css.map b/dist/light-legacy.standalone.css.map index 7df4d83..1949f06 100644 --- a/dist/light-legacy.standalone.css.map +++ b/dist/light-legacy.standalone.css.map @@ -1,5 +1 @@ -<<<<<<< HEAD -{"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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} -======= -{"version":3,"sources":["light-legacy.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} ->>>>>>> master +{"version":3,"sources":["light-legacy.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 index 4d0303e..3bcefed 100755 --- a/dist/light-legacy.standalone.min.css +++ b/dist/light-legacy.standalone.min.css @@ -1,6 +1,2 @@ -<<<<<<< HEAD -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=radio],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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#ddd}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}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} -======= -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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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]),input[type=range],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=range]: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}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef}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} ->>>>>>> master +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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#ddd}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef}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 6f3606f..942c4b8 100644 --- a/dist/light-legacy.standalone.min.css.map +++ b/dist/light-legacy.standalone.min.css.map @@ -1,5 +1 @@ -<<<<<<< HEAD -{"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,oFAKE,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,6BAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,eACF,CAEA,qDAIE,wCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,eACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CCvHA,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 {\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} -======= -{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,UAAuB,CACvB,wBAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,sFAKE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,eACF,CAEA,qDAIE,wCACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CCrFA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,kBACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,kBAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAMA,gFACE,kBACF,CCtFA,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 {\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} ->>>>>>> master +{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 e5e5064..2cb7159 100644 --- a/dist/light.css +++ b/dist/light.css @@ -174,11 +174,8 @@ button, input[type='submit'], input[type='button'], input[type='checkbox'], -<<<<<<< HEAD +input[type='range'], input[type='radio'] { -======= -input[type='range'] { ->>>>>>> master cursor: pointer; } @@ -205,12 +202,7 @@ textarea { outline: none; } -<<<<<<< HEAD input, -======= -input:not([type='checkbox']):not([type='radio']), -input[type='range'], ->>>>>>> master select, button, textarea { diff --git a/dist/light.css.map b/dist/light.css.map index 4b4d12a..51efa1c 100644 --- a/dist/light.css.map +++ b/dist/light.css.map @@ -1,5 +1 @@ -<<<<<<< HEAD -{"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 --variable: #39a33c;\n --highlight: #ffff00;\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} -======= -{"version":3,"sources":["light.css","../variables-light.css","../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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 --variable: #39a33c;\n --highlight: #ffff00;\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} ->>>>>>> master +{"version":3,"sources":["light.css","../variables-light.css","../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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 --variable: #39a33c;\n --highlight: #ffff00;\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 691d9b7..6bbebda 100644 --- a/dist/light.min.css +++ b/dist/light.min.css @@ -1,6 +1,2 @@ -<<<<<<< HEAD -: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=radio],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;-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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}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)} -======= -: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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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]),input[type=range],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=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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)} ->>>>>>> master +: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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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 9c9968b..686c5c0 100644 --- a/dist/light.min.css.map +++ b/dist/light.min.css.map @@ -1,5 +1 @@ -<<<<<<< HEAD -{"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":"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","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 --variable: #39a33c;\n --highlight: #ffff00;\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} -======= -{"version":3,"sources":["../variables-light.css","../variables-dark.css","light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #39a33c;\n --highlight: #ffff00;\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} ->>>>>>> master +{"version":3,"sources":["../variables-light.css","../variables-dark.css","light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #39a33c;\n --highlight: #ffff00;\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 c02778e..4f0bae3 100755 --- a/dist/light.standalone.css +++ b/dist/light.standalone.css @@ -141,11 +141,8 @@ button, input[type='submit'], input[type='button'], input[type='checkbox'], -<<<<<<< HEAD +input[type='range'], input[type='radio'] { -======= -input[type='range'] { ->>>>>>> master cursor: pointer; } @@ -172,12 +169,7 @@ textarea { outline: none; } -<<<<<<< HEAD input, -======= -input:not([type='checkbox']):not([type='radio']), -input[type='range'], ->>>>>>> master select, button, textarea { diff --git a/dist/light.standalone.css.map b/dist/light.standalone.css.map index 73b0e32..806cbfc 100644 --- a/dist/light.standalone.css.map +++ b/dist/light.standalone.css.map @@ -1,5 +1 @@ -<<<<<<< HEAD -{"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":["/**\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} -======= -{"version":3,"sources":["light.standalone.css","../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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, 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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} ->>>>>>> master +{"version":3,"sources":["light.standalone.css","../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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, 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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 fbf8b68..e2ad286 100755 --- a/dist/light.standalone.min.css +++ b/dist/light.standalone.min.css @@ -1,6 +1,2 @@ -<<<<<<< HEAD -: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=radio],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;-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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}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)} -======= -: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=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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]),input[type=range],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=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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)} ->>>>>>> master +: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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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 23edd1b..ec8cb0a 100644 --- a/dist/light.standalone.min.css.map +++ b/dist/light.standalone.min.css.map @@ -1,5 +1 @@ -<<<<<<< HEAD -{"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,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAOb,uBANF,CASA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,8BACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,uHAKE,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CCvHA,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 {\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='radio'] {\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} -======= -{"version":3,"sources":["../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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']),\ninput[type='range'],\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,\ninput[type='range']: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","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} ->>>>>>> master +{"version":3,"sources":["../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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 69705aae8b53417c4ad7f72899f0761b8bb09a5d Mon Sep 17 00:00:00 2001 From: Kognise Date: Mon, 26 Aug 2019 13:34:17 -0400 Subject: [PATCH 31/60] Add code back in and build --- dist/dark-legacy.standalone.css | 6 +++++- 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 | 9 +++++---- dist/dark.css.map | 5 +---- dist/dark.min.css | 2 +- dist/dark.min.css.map | 2 +- dist/dark.standalone.css | 6 +++++- dist/dark.standalone.css.map | 2 +- dist/dark.standalone.min.css | 2 +- dist/dark.standalone.min.css.map | 2 +- dist/light-legacy.standalone.css | 6 +++++- 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 | 9 +++++---- dist/light.css.map | 5 +---- dist/light.min.css | 2 +- dist/light.min.css.map | 2 +- dist/light.standalone.css | 6 +++++- dist/light.standalone.css.map | 2 +- dist/light.standalone.min.css | 2 +- dist/light.standalone.min.css.map | 2 +- src/parts/_misc.css | 6 +++++- 25 files changed, 53 insertions(+), 37 deletions(-) diff --git a/dist/dark-legacy.standalone.css b/dist/dark-legacy.standalone.css index 621c5c1..1129a2d 100755 --- a/dist/dark-legacy.standalone.css +++ b/dist/dark-legacy.standalone.css @@ -495,10 +495,14 @@ th { text-align: left; } -th { +thead { border-bottom: 1px solid #dbdbdb; } +tfoot { + border-top: 1px solid #dbdbdb; +} + tbody tr:nth-child(even) { background-color: #1a242f; } diff --git a/dist/dark-legacy.standalone.css.map b/dist/dark-legacy.standalone.css.map index 4c025d5..d40bba0 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/_range.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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/_range.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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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 index 334fa9f..fe844e2 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}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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#324759}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#161f27;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#161f27}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} +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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#324759}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#161f27;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#161f27}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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top: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 95e2606..03b742d 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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 0ba965f..d6cbd3e 100644 --- a/dist/dark.css +++ b/dist/dark.css @@ -1,5 +1,3 @@ -<<<<<<< HEAD -======= /** * Dark-themed version: * uses dark theme by default but switches to light theme @@ -453,10 +451,14 @@ th { text-align: left; } -th { +thead { border-bottom: 1px solid var(--border); } +tfoot { + border-top: 1px solid var(--border); +} + tbody tr:nth-child(even) { background-color: var(--background-alt); } @@ -489,4 +491,3 @@ tbody tr:nth-child(even) { } /*# sourceMappingURL=dark.css.map */ ->>>>>>> master diff --git a/dist/dark.css.map b/dist/dark.css.map index 7db2d4a..011d510 100644 --- a/dist/dark.css.map +++ b/dist/dark.css.map @@ -1,4 +1 @@ -<<<<<<< HEAD -======= -{"version":3,"sources":["dark.css","../variables-dark.css","../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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 --variable: #d941e2;\n --highlight: #efdb43;\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} ->>>>>>> master +{"version":3,"sources":["dark.css","../variables-dark.css","../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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 --variable: #d941e2;\n --highlight: #efdb43;\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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 5036904..cd4b3b8 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;--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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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)} +: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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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 41628a0..1bc0938 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #d941e2;\n --highlight: #efdb43;\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #d941e2;\n --highlight: #efdb43;\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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 878b773..daea9e9 100755 --- a/dist/dark.standalone.css +++ b/dist/dark.standalone.css @@ -418,10 +418,14 @@ th { text-align: left; } -th { +thead { border-bottom: 1px solid var(--border); } +tfoot { + border-top: 1px solid var(--border); +} + tbody tr:nth-child(even) { background-color: var(--background-alt); } diff --git a/dist/dark.standalone.css.map b/dist/dark.standalone.css.map index af1bf18..6d6c0a6 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/_range.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, 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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/_range.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, 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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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 cb39eb4..c5da41e 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;--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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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)} +: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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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 674bce4..c2764ea 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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 index e612983..f02c41f 100755 --- a/dist/light-legacy.standalone.css +++ b/dist/light-legacy.standalone.css @@ -495,10 +495,14 @@ th { text-align: left; } -th { +thead { border-bottom: 1px solid #dbdbdb; } +tfoot { + border-top: 1px solid #dbdbdb; +} + tbody tr:nth-child(even) { background-color: #f7f7f7; } diff --git a/dist/light-legacy.standalone.css.map b/dist/light-legacy.standalone.css.map index 1949f06..5a2994b 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/_range.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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/_range.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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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 index 3bcefed..fc41d34 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}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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#ddd}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef}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} +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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#ddd}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef}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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top: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 942c4b8..1eda47b 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/_range.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,sGAME,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,UAAuB,CACvB,wBAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,6BAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,eACF,CAEA,qDAIE,wCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,eACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CCxHA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,kBACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,kBAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAMA,gFACE,kBACF,CCtFA,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 {\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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 c5c5bf4..d33286e 100644 --- a/dist/light.css +++ b/dist/light.css @@ -1,5 +1,3 @@ -<<<<<<< HEAD -======= /** * Light-themed version: * uses light theme by default but switches to dark theme @@ -453,10 +451,14 @@ th { text-align: left; } -th { +thead { border-bottom: 1px solid var(--border); } +tfoot { + border-top: 1px solid var(--border); +} + tbody tr:nth-child(even) { background-color: var(--background-alt); } @@ -488,4 +490,3 @@ tbody tr:nth-child(even) { background-color: var(--selection); } /*# sourceMappingURL=light.css.map */ ->>>>>>> master diff --git a/dist/light.css.map b/dist/light.css.map index ab31988..9976f7d 100644 --- a/dist/light.css.map +++ b/dist/light.css.map @@ -1,4 +1 @@ -<<<<<<< HEAD -======= -{"version":3,"sources":["light.css","../variables-light.css","../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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 --variable: #39a33c;\n --highlight: #ffff00;\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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"]} ->>>>>>> master +{"version":3,"sources":["light.css","../variables-light.css","../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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 --variable: #39a33c;\n --highlight: #ffff00;\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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 6bbebda..67388e0 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;--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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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)} +: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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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 686c5c0..be463a1 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #39a33c;\n --highlight: #ffff00;\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #39a33c;\n --highlight: #ffff00;\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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 4f0bae3..18c77bf 100755 --- a/dist/light.standalone.css +++ b/dist/light.standalone.css @@ -418,10 +418,14 @@ th { text-align: left; } -th { +thead { border-bottom: 1px solid var(--border); } +tfoot { + border-top: 1px solid var(--border); +} + tbody tr:nth-child(even) { background-color: var(--background-alt); } diff --git a/dist/light.standalone.css.map b/dist/light.standalone.css.map index 806cbfc..3f03745 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/_range.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, 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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/_range.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;;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;;;;;;EAME,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;;;EAGE,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;;EAEE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,qBAAqB;EACrB,sBAAsB;EACtB,SAAS;EACT,iBAAiB;AACnB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;;EAEE,+BAA+B;AACjC;;AAEA;;EAEE,YAAY;EACZ,cAAc;EACd,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,4CAA4C;AAC9C;;AAEA;EACE,YAAY;EACZ,8DAA8D;AAChE;;AAEA;;;;;;EAME,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;ACxHA;EACE,cAAc;EACd,eAAe;EACf,uBAAuB;AACzB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;EACzB,wBAAwB;EACxB,gBAAgB;AAClB;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;AAC3B;;AAEA;EACE,WAAW;EACX,aAAa;EACb,uBAAuB;EACvB,yBAAyB;EACzB,oBAAoB;EACpB,kBAAkB;AACpB;;AAEA;EACE,6BAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AAEA;EACE,6BAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AAEA;EACE,oDAAoD;EACpD,yBAAyB;EACzB,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;AAC3B;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,6BAA6B;AAC/B;;ACtFA;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,mCAAmC;AACrC;;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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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 e2ad286..134a70f 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;--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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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)} +: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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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 ec8cb0a..ae9354e 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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/src/parts/_misc.css b/src/parts/_misc.css index 72c6698..75818b5 100644 --- a/src/parts/_misc.css +++ b/src/parts/_misc.css @@ -20,10 +20,14 @@ th { text-align: left; } -th { +thead { border-bottom: 1px solid var(--border); } +tfoot { + border-top: 1px solid var(--border); +} + tbody tr:nth-child(even) { background-color: var(--background-alt); } From dc8546b096d2d9b955ded22ecb91829d8513400f Mon Sep 17 00:00:00 2001 From: Kognise Date: Sun, 1 Sep 2019 13:14:12 -0400 Subject: [PATCH 32/60] Fix select styling --- dist/dark-legacy.standalone.css | 27 +++++++++++++++++++++++- 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 | 18 ++++++++++++++-- dist/dark.css.map | 2 +- dist/dark.min.css | 2 +- dist/dark.min.css.map | 2 +- dist/dark.standalone.css | 16 ++++++++++++-- dist/dark.standalone.css.map | 2 +- dist/dark.standalone.min.css | 2 +- dist/dark.standalone.min.css.map | 2 +- dist/light-legacy.standalone.css | 27 +++++++++++++++++++++++- 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 | 18 ++++++++++++++-- dist/light.css.map | 2 +- dist/light.min.css | 2 +- dist/light.min.css.map | 2 +- dist/light.standalone.css | 16 ++++++++++++-- dist/light.standalone.css.map | 2 +- dist/light.standalone.min.css | 2 +- dist/light.standalone.min.css.map | 2 +- src/parts/_forms.css | 5 +++-- 25 files changed, 133 insertions(+), 30 deletions(-) diff --git a/dist/dark-legacy.standalone.css b/dist/dark-legacy.standalone.css index 1129a2d..49e02fd 100755 --- a/dist/dark-legacy.standalone.css +++ b/dist/dark-legacy.standalone.css @@ -150,7 +150,7 @@ mark { color: #000000; } -button, +button, select, input[type='submit'], input[type='button'], input[type='checkbox'], @@ -212,6 +212,22 @@ textarea { 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; +} + input, select, button, @@ -226,6 +242,15 @@ textarea { resize: vertical; } +select { + background: #161f27 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat; + padding-right: 35px; +} + +select::-ms-expand { + display: none; +} + button, input[type='submit'], input[type='button'] { diff --git a/dist/dark-legacy.standalone.css.map b/dist/dark-legacy.standalone.css.map index d40bba0..37fe9a0 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/_range.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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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/_range.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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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 index fe844e2..edc4c86 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}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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#324759}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#161f27;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#161f27}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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top: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=radio],input[type=range],input[type=submit],select{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,select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:#161f27 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#324759}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#161f27;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#161f27}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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top: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 03b742d..a765034 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/_range.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,sGAME,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,UAAuB,CACvB,wBAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,6BAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,kBACF,CAEA,qDAIE,wCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,kBACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CCxHA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,kBACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,kBAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAMA,gFACE,kBACF,CCtFA,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,MACE,+BACF,CAEA,MACE,4BACF,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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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 d6cbd3e..1452a49 100644 --- a/dist/dark.css +++ b/dist/dark.css @@ -33,6 +33,8 @@ --variable: #d941e2; --highlight: #efdb43; + + --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E"); } @media (prefers-color-scheme: light) { @@ -62,6 +64,8 @@ --variable: #39a33c; --highlight: #ffff00; + + --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E"); } } @@ -170,7 +174,7 @@ mark { color: #000000; } -button, +button, select, input[type='submit'], input[type='button'], input[type='checkbox'], @@ -186,7 +190,8 @@ select { input, button, -textarea { +textarea, +select { color: var(--form-text); background-color: var(--background); @@ -216,6 +221,15 @@ textarea { resize: vertical; } +select { + background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat; + padding-right: 35px; +} + +select::-ms-expand { + display: none; +} + button, input[type='submit'], input[type='button'] { diff --git a/dist/dark.css.map b/dist/dark.css.map index 011d510..713907e 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA;;;;;;;EAOE;;ACPF;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;AAAA;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,kCAAgE;EAChE,wCAAuE;;EAEvE,2BAA2B;EAC3B,oBAAoB;;EAEpB,mBAAmB;EACnB,oBAAoB;AACtB;AFuCA;;AGjEA;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;;;;;;EAME,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;;;EAGE,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;;EAEE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,qBAAqB;EACrB,sBAAsB;EACtB,SAAS;EACT,iBAAiB;AACnB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;;EAEE,+BAA+B;AACjC;;AAEA;;EAEE,YAAY;EACZ,cAAc;EACd,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,4CAA4C;AAC9C;;AAEA;EACE,YAAY;EACZ,8DAA8D;AAChE;;AAEA;;;;;;EAME,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;ACxHA;EACE,cAAc;EACd,eAAe;EACf,uBAAuB;AACzB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;EACzB,wBAAwB;EACxB,gBAAgB;AAClB;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;AAC3B;;AAEA;EACE,WAAW;EACX,aAAa;EACb,uBAAuB;EACvB,yBAAyB;EACzB,oBAAoB;EACpB,kBAAkB;AACpB;;AAEA;EACE,6BAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AAEA;EACE,6BAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AAEA;EACE,oDAAoD;EACpD,yBAAyB;EACzB,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;AAC3B;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,6BAA6B;AAC/B;;ACtFA;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,mCAAmC;AACrC;;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.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 --variable: #d941e2;\n --highlight: #efdb43;\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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/_range.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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #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: 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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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 cd4b3b8..467fcb5 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;--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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}@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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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 1bc0938..e634e8f 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #d941e2;\n --highlight: #efdb43;\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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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 daea9e9..71de1b5 100755 --- a/dist/dark.standalone.css +++ b/dist/dark.standalone.css @@ -30,6 +30,8 @@ --variable: #d941e2; --highlight: #efdb43; + + --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E"); } body { @@ -137,7 +139,7 @@ mark { color: #000000; } -button, +button, select, input[type='submit'], input[type='button'], input[type='checkbox'], @@ -153,7 +155,8 @@ select { input, button, -textarea { +textarea, +select { color: var(--form-text); background-color: var(--background); @@ -183,6 +186,15 @@ textarea { resize: vertical; } +select { + background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat; + padding-right: 35px; +} + +select::-ms-expand { + display: none; +} + button, input[type='submit'], input[type='button'] { diff --git a/dist/dark.standalone.css.map b/dist/dark.standalone.css.map index 6d6c0a6..8fad500 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/_range.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, 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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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/_range.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, 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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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 c5da41e..8de6a98 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;--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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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 c2764ea..9f31c39 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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/_range.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,mBAAoB,CAEpB,kPACF,CC5BA,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,6GAME,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAOb,uBANF,CASA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,OACE,qFAAwF,CACxF,kBACF,CAEA,mBACE,YACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,8BACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CClIA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,4BACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAMA,gFACE,4BACF,CCtFA,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,MACE,qCACF,CAEA,MACE,kCACF,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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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 index f02c41f..3a13a9d 100755 --- a/dist/light-legacy.standalone.css +++ b/dist/light-legacy.standalone.css @@ -150,7 +150,7 @@ mark { color: #000000; } -button, +button, select, input[type='submit'], input[type='button'], input[type='checkbox'], @@ -212,6 +212,22 @@ textarea { 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; +} + input, select, button, @@ -226,6 +242,15 @@ textarea { resize: vertical; } +select { + background: #efefef url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat; + padding-right: 35px; +} + +select::-ms-expand { + display: none; +} + button, input[type='submit'], input[type='button'] { diff --git a/dist/light-legacy.standalone.css.map b/dist/light-legacy.standalone.css.map index 5a2994b..8025f30 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/_range.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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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/_range.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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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 index fc41d34..5fa1c56 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}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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#ddd}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef}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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top: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=radio],input[type=range],input[type=submit],select{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,select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:#efefef url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#ddd}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef}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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top: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 1eda47b..ca6f58a 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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 d33286e..9c0d88c 100644 --- a/dist/light.css +++ b/dist/light.css @@ -33,6 +33,8 @@ --variable: #39a33c; --highlight: #ffff00; + + --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E"); } @media (prefers-color-scheme: dark) { @@ -62,6 +64,8 @@ --variable: #d941e2; --highlight: #efdb43; + + --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E"); } } @@ -170,7 +174,7 @@ mark { color: #000000; } -button, +button, select, input[type='submit'], input[type='button'], input[type='checkbox'], @@ -186,7 +190,8 @@ select { input, button, -textarea { +textarea, +select { color: var(--form-text); background-color: var(--background); @@ -216,6 +221,15 @@ textarea { resize: vertical; } +select { + background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat; + padding-right: 35px; +} + +select::-ms-expand { + display: none; +} + button, input[type='submit'], input[type='button'] { diff --git a/dist/light.css.map b/dist/light.css.map index 9976f7d..02d342d 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/_range.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 --variable: #39a33c;\n --highlight: #ffff00;\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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/_range.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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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 67388e0..28b3bea 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;--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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}@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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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 be463a1..cb2ff41 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #39a33c;\n --highlight: #ffff00;\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 --variable: #d941e2;\n --highlight: #efdb43;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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 18c77bf..d13319d 100755 --- a/dist/light.standalone.css +++ b/dist/light.standalone.css @@ -30,6 +30,8 @@ --variable: #39a33c; --highlight: #ffff00; + + --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E"); } body { @@ -137,7 +139,7 @@ mark { color: #000000; } -button, +button, select, input[type='submit'], input[type='button'], input[type='checkbox'], @@ -153,7 +155,8 @@ select { input, button, -textarea { +textarea, +select { color: var(--form-text); background-color: var(--background); @@ -183,6 +186,15 @@ textarea { resize: vertical; } +select { + background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat; + padding-right: 35px; +} + +select::-ms-expand { + display: none; +} + button, input[type='submit'], input[type='button'] { diff --git a/dist/light.standalone.css.map b/dist/light.standalone.css.map index 3f03745..a55f82b 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/_range.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, 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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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/_range.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, 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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #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: 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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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 134a70f..bcff0bb 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;--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=radio],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,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,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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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 ae9354e..10a2f3b 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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 --variable: #39a33c;\n --highlight: #ffff00;\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\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,\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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/_range.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,gBAAoB,CAEpB,kPACF,CC5BA,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,6GAME,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAOb,uBANF,CASA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,OACE,qFAAwF,CACxF,kBACF,CAEA,mBACE,YACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,8BACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CClIA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,4BACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAMA,gFACE,4BACF,CCtFA,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,MACE,qCACF,CAEA,MACE,kCACF,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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #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: 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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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/src/parts/_forms.css b/src/parts/_forms.css index d239a95..39b9a91 100644 --- a/src/parts/_forms.css +++ b/src/parts/_forms.css @@ -1,4 +1,4 @@ -button, +button, select, input[type='submit'], input[type='button'], input[type='checkbox'], @@ -14,7 +14,8 @@ select { input, button, -textarea { +textarea, +select { color: var(--form-text); background-color: var(--background); From d38866b35766be9bc83560e3a87b88a45d3b752d Mon Sep 17 00:00:00 2001 From: Mohamed Akram Date: Sat, 21 Sep 2019 16:49:01 +0400 Subject: [PATCH 33/60] Fix demo page --- icons/browserconfig.xml | 8 ++++---- icons/site.webmanifest | 4 ++-- index.html | 17 +++++++++-------- script.js | 8 ++++---- 4 files changed, 19 insertions(+), 18 deletions(-) diff --git a/icons/browserconfig.xml b/icons/browserconfig.xml index 3903cb6..c91a7aa 100755 --- a/icons/browserconfig.xml +++ b/icons/browserconfig.xml @@ -2,10 +2,10 @@ - - - - + + + + #00aba9 diff --git a/icons/site.webmanifest b/icons/site.webmanifest index a57bfca..81b2ccb 100755 --- a/icons/site.webmanifest +++ b/icons/site.webmanifest @@ -3,12 +3,12 @@ "short_name": "Water.css", "icons": [ { - "src": "/icons/android-chrome-192x192.png", + "src": "icons/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" }, { - "src": "/icons/android-chrome-512x512.png", + "src": "icons/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" } diff --git a/index.html b/index.html index 0cad7a2..06dc2aa 100644 --- a/index.html +++ b/index.html @@ -1,34 +1,35 @@ + Water.css - + - - - + + + - + diff --git a/src/parts/_misc.css b/src/parts/_misc.css index 75818b5..678f8d0 100644 --- a/src/parts/_misc.css +++ b/src/parts/_misc.css @@ -54,3 +54,41 @@ tbody tr:nth-child(even) { ::selection { background-color: var(--selection); } + +details { + display: flex; + flex-direction: column; + align-items: flex-start; + background-color: var(--background-alt); + padding: 10px 10px 0; + margin: 1em 0; + border-radius: 6px; + overflow: hidden; +} + +details[open] { + padding: 10px; +} + +details > *:last-child { + margin-bottom: 0; +} + +details[open] summary { + margin-bottom: 10px; +} + +summary { + display: list-item; + background-color: var(--background); + padding: 10px; + margin: -10px -10px 0; +} + +summary + * { + margin-top: 0; +} + +summary::-webkit-details-marker { + color: var(--text-main); +} From cac315d5114828454c52671ea05ea9f3f55b940f Mon Sep 17 00:00:00 2001 From: Sergi Date: Tue, 1 Oct 2019 22:15:38 +0200 Subject: [PATCH 35/60] Added multiple select option --- index.html | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/index.html b/index.html index 06dc2aa..765e80c 100644 --- a/index.html +++ b/index.html @@ -133,6 +133,13 @@ + + +
      From f77f3867d7d55d50284986487833af24cc24310d Mon Sep 17 00:00:00 2001 From: Sergi Date: Tue, 1 Oct 2019 22:19:51 +0200 Subject: [PATCH 36/60] Added multiple select option --- index.html | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 765e80c..7b55dc3 100644 --- a/index.html +++ b/index.html @@ -127,13 +127,17 @@ > - +
      + +

      Hold down the Ctrl (windows) / + Command (Mac) button to select multiple options.

      -
      - -

      Hold down the Ctrl (windows) / - Command (Mac) button to select multiple options.

      +
      + Hold down the Ctrl (Windows) / Command (Mac) button to select multiple options. (P.S. this message is inside a <small> tag!) + +
      + Fieldset + + + + + + + +

      + + +

      + + +
      @@ -166,11 +186,6 @@
      - - - - -

      Code

      diff --git a/src/parts/_forms.css b/src/parts/_forms.css index 48f492c..686888d 100644 --- a/src/parts/_forms.css +++ b/src/parts/_forms.css @@ -134,4 +134,14 @@ textarea:disabled { ::placeholder { color: var(--form-placeholder); +} + +fieldset { + border: 1px var(--focus) solid; + border-radius: 6px; +} + +legend { + font-size: 0.9em; + font-weight: 600; } \ No newline at end of file From cf55a56b612a2da1811b5f1e881b1ffe72813595 Mon Sep 17 00:00:00 2001 From: Melanie Seltzer Date: Tue, 1 Oct 2019 23:25:20 -0700 Subject: [PATCH 40/60] Remove dist folder --- .gitignore | 3 + dist/dark-legacy.css | 12 - dist/dark-legacy.css.map | 1 - dist/dark-legacy.min.css | 2 - dist/dark-legacy.min.css.map | 1 - dist/dark-legacy.standalone.css | 600 ----------------------- 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 | 545 -------------------- dist/dark.css.map | 1 - dist/dark.min.css | 2 - dist/dark.min.css.map | 1 - dist/dark.standalone.css | 510 ------------------- dist/dark.standalone.css.map | 1 - dist/dark.standalone.min.css | 2 - dist/dark.standalone.min.css.map | 1 - dist/light-legacy.css | 12 - dist/light-legacy.css.map | 1 - dist/light-legacy.min.css | 2 - dist/light-legacy.min.css.map | 1 - dist/light-legacy.standalone.css | 600 ----------------------- 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 | 544 -------------------- dist/light.css.map | 1 - dist/light.min.css | 2 - dist/light.min.css.map | 1 - dist/light.standalone.css | 510 ------------------- dist/light.standalone.css.map | 1 - dist/light.standalone.min.css | 2 - dist/light.standalone.min.css.map | 1 - package.json | 6 +- 34 files changed, 8 insertions(+), 3366 deletions(-) delete mode 100755 dist/dark-legacy.css delete mode 100644 dist/dark-legacy.css.map delete mode 100755 dist/dark-legacy.min.css delete mode 100644 dist/dark-legacy.min.css.map delete mode 100755 dist/dark-legacy.standalone.css delete mode 100644 dist/dark-legacy.standalone.css.map delete mode 100755 dist/dark-legacy.standalone.min.css delete mode 100644 dist/dark-legacy.standalone.min.css.map delete mode 100644 dist/dark.css delete mode 100644 dist/dark.css.map delete mode 100644 dist/dark.min.css delete mode 100644 dist/dark.min.css.map delete mode 100755 dist/dark.standalone.css delete mode 100644 dist/dark.standalone.css.map delete mode 100755 dist/dark.standalone.min.css delete mode 100644 dist/dark.standalone.min.css.map delete mode 100755 dist/light-legacy.css delete mode 100644 dist/light-legacy.css.map delete mode 100755 dist/light-legacy.min.css delete mode 100644 dist/light-legacy.min.css.map delete mode 100755 dist/light-legacy.standalone.css delete mode 100644 dist/light-legacy.standalone.css.map delete mode 100755 dist/light-legacy.standalone.min.css delete mode 100644 dist/light-legacy.standalone.min.css.map delete mode 100644 dist/light.css delete mode 100644 dist/light.css.map delete mode 100644 dist/light.min.css delete mode 100644 dist/light.min.css.map delete mode 100755 dist/light.standalone.css delete mode 100644 dist/light.standalone.css.map delete mode 100755 dist/light.standalone.min.css delete mode 100644 dist/light.standalone.min.css.map diff --git a/.gitignore b/.gitignore index 8a12230..af81de5 100644 --- a/.gitignore +++ b/.gitignore @@ -85,3 +85,6 @@ typings/ # IntelliJ IDE .idea/ + +# Output of yarn build +dist/ \ No newline at end of file diff --git a/dist/dark-legacy.css b/dist/dark-legacy.css deleted file mode 100755 index dc441cb..0000000 --- a/dist/dark-legacy.css +++ /dev/null @@ -1,12 +0,0 @@ - - -@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, - * 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. - */ - -/*# sourceMappingURL=dark-legacy.css.map */ diff --git a/dist/dark-legacy.css.map b/dist/dark-legacy.css.map deleted file mode 100644 index 38adc95..0000000 --- a/dist/dark-legacy.css.map +++ /dev/null @@ -1 +0,0 @@ -{"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 deleted file mode 100755 index 94da0ff..0000000 --- a/dist/dark-legacy.min.css +++ /dev/null @@ -1,2 +0,0 @@ -@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 deleted file mode 100644 index d505260..0000000 --- a/dist/dark-legacy.min.css.map +++ /dev/null @@ -1 +0,0 @@ -{"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/dark-legacy.standalone.css b/dist/dark-legacy.standalone.css deleted file mode 100755 index d43d2d3..0000000 --- a/dist/dark-legacy.standalone.css +++ /dev/null @@ -1,600 +0,0 @@ -/** - * 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; -} - -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; - 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: '💬 '; -} - -mark { - background-color: #efdb43; - border-radius: 2px; - padding: 0px 2px 0px 2px; - color: #000000; -} - -button, select, -input[type='submit'], -input[type='button'], -input[type='checkbox'], -input[type='range'], -input[type='radio'] { - 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; -} - -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; -} - -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; -} - -input, -select, -button, -textarea { - -webkit-appearance: none; -} - -textarea { - margin-right: 0; - width: 100%; - box-sizing: border-box; - resize: vertical; -} - -select { - background: #161f27 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat; - padding-right: 35px; -} - -select::-ms-expand { - display: none; -} - -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'], -input[type='radio'] { - position: relative; - width: 14px; - height: 14px; - display: inline-block; - vertical-align: middle; - margin: 0; - margin-right: 2px; -} - -input[type='radio'] { - border-radius: 50%; -} - -input[type='checkbox']:checked { - background: #324759; -} - -input[type='radio']:checked { - background: #324759; -} - -input[type='checkbox']:checked::before, -input[type='radio']:checked::before { - content: '•'; - display: block; - position: absolute; - left: 50%; - top: 50%; - transform: translateX(-50%) translateY(-50%); -} - -input[type='checkbox']:checked::before { - content: '✔'; - transform: translateY(-50%) translateY(0.5px) translateX(-6px); -} - -input[type='checkbox']:active, -input[type='radio']:active, -input[type='submit']:active, -input[type='button']:active, -input[type='range']: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; -} - -input[type='range'] { - margin: 10px 0; - padding: 10px 0; - background: transparent; -} - -input[type='range']:focus { - outline: none; -} - -input[type='range']::-webkit-slider-runnable-track { - width: 100%; - height: 9.5px; - transition: 0.2s; - background: #161f27; - border-radius: 3px; -} - -input[type='range']::-webkit-slider-thumb { - box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; - height: 20px; - width: 20px; - border-radius: 50%; - background: #dbdbdb; - -webkit-appearance: none; - margin-top: -7px; -} - -input[type='range']:focus::-webkit-slider-runnable-track { - background: #161f27; -} - -input[type='range']::-moz-range-track { - width: 100%; - height: 9.5px; - transition: 0.2s; - background: #161f27; - border-radius: 3px; -} - -input[type='range']::-moz-range-thumb { - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; - height: 20px; - width: 20px; - border-radius: 50%; - background: #dbdbdb; -} - -input[type='range']::-ms-track { - width: 100%; - height: 9.5px; - background: transparent; - border-color: transparent; - border-width: 16px 0; - color: transparent; -} - -input[type='range']::-ms-fill-lower { - background: #161f27; - border: 0.2px solid #010101; - border-radius: 3px; - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; -} - -input[type='range']::-ms-fill-upper { - background: #161f27; - border: 0.2px solid #010101; - border-radius: 3px; - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; -} - -input[type='range']::-ms-thumb { - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; - border: 1px solid #000000; - height: 20px; - width: 20px; - border-radius: 50%; - background: #dbdbdb; -} - -input[type='range']:focus::-ms-fill-lower { - background: #161f27; -} - -input[type='range']:focus::-ms-fill-upper { - background: #161f27; -} - -a { - text-decoration: none; - color: #41adff; -} - -a:hover { - text-decoration: underline; -} - -code { - background: #161f27; - color: #ffbe85; - padding: 2.5px 5px; - border-radius: 6px; - font-size: 1em; -} - -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 { - 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 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; -} - -thead { - border-bottom: 1px solid #dbdbdb; -} - -tfoot { - border-top: 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; -} - -details { - display: flex; - flex-direction: column; - align-items: flex-start; - background-color: #1a242f; - padding: 10px 10px 0; - margin: 1em 0; - border-radius: 6px; - overflow: hidden; -} - -details[open] { - padding: 10px; -} - -details > :last-child { - margin-bottom: 0; -} - -details[open] summary { - margin-bottom: 10px; -} - -summary { - display: list-item; - background-color: #161f27; - padding: 10px; - margin: -10px -10px 0; -} - -details > :not(summary) { - margin-top: 0; -} - -summary::-webkit-details-marker { - color: #dbdbdb; -} - -/*# sourceMappingURL=dark-legacy.standalone.css.map */ diff --git a/dist/dark-legacy.standalone.css.map b/dist/dark-legacy.standalone.css.map deleted file mode 100644 index fc210be..0000000 --- a/dist/dark-legacy.standalone.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["dark-legacy.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/dark-legacy.standalone.min.css b/dist/dark-legacy.standalone.min.css deleted file mode 100755 index d8053dd..0000000 --- a/dist/dark-legacy.standalone.min.css +++ /dev/null @@ -1,2 +0,0 @@ -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=radio],input[type=range],input[type=submit],select{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,select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:#161f27 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#324759}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#161f27;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#161f27}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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top: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}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#1a242f;padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:#161f27;padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:#dbdbdb} -/*# 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 deleted file mode 100644 index 123fb09..0000000 --- a/dist/dark-legacy.standalone.min.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/dark.css b/dist/dark.css deleted file mode 100644 index e746621..0000000 --- a/dist/dark.css +++ /dev/null @@ -1,545 +0,0 @@ -/** - * 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. - */ - -: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; - - --variable: #d941e2; - --highlight: #efdb43; - - --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E"); -} - -@media (prefers-color-scheme: light) { -: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(44, 63, 79); - --scrollbar-thumb-hover: rgb(32, 45, 56); - - --form-placeholder: #949494; - --form-text: #000000; - - --variable: #39a33c; - --highlight: #ffff00; - - --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E"); -} -} - -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); -} - -h1, -h2, -h3, -h4, -h5, -h6, -b, -strong, -th { - font-weight: 600; -} - -q:before { - content: none; -} - -q:after { - content: none; -} - -blockquote , q{ - border-left: 4px solid var(--focus); - 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: '💬 '; -} - -mark { - background-color: var(--highlight); - border-radius: 2px; - padding: 0px 2px 0px 2px; - color: #000000; -} - -button, select, -input[type='submit'], -input[type='button'], -input[type='checkbox'], -input[type='range'], -input[type='radio'] { - cursor: pointer; -} - -input:not([type='checkbox']):not([type='radio']), -select { - display: block; -} - -input, -button, -textarea, -select { - 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; -} - -input, -select, -button, -textarea { - -webkit-appearance: none; -} - -textarea { - margin-right: 0; - width: 100%; - box-sizing: border-box; - resize: vertical; -} - -select { - background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat; - padding-right: 35px; -} - -select::-ms-expand { - display: none; -} - -button, -input[type='submit'], -input[type='button'] { - padding-right: 30px; - padding-left: 30px; -} - -button:hover, -input[type='submit']:hover, -input[type='button']:hover { - background: var(--button-hover); -} - -input:focus, -select:focus, -button:focus, -textarea:focus { - box-shadow: 0 0 0 2px var(--focus); -} - -input[type='checkbox'], -input[type='radio'] { - position: relative; - width: 14px; - height: 14px; - display: inline-block; - vertical-align: middle; - margin: 0; - margin-right: 2px; -} - -input[type='radio'] { - border-radius: 50%; -} - -input[type='checkbox']:checked, -input[type='radio']:checked { - background: var(--button-hover); -} - -input[type='checkbox']:checked::before, -input[type='radio']:checked::before { - content: '•'; - display: block; - position: absolute; - left: 50%; - top: 50%; - transform: translateX(-50%) translateY(-50%); -} - -input[type='checkbox']:checked::before { - content: '✔'; - transform: translateY(-50%) translateY(0.5px) translateX(-6px); -} - -input[type='checkbox']:active, -input[type='radio']:active, -input[type='submit']:active, -input[type='button']:active, -input[type='range']:active, -button:active { - transform: translateY(2px); -} - -input:disabled, -select:disabled, -button:disabled, -textarea:disabled { - cursor: not-allowed; - opacity: 0.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); -} - -input[type='range'] { - margin: 10px 0; - padding: 10px 0; - background: transparent; -} - -input[type='range']:focus { - outline: none; -} - -input[type='range']::-webkit-slider-runnable-track { - width: 100%; - height: 9.5px; - transition: 0.2s; - background: var(--background); - border-radius: 3px; -} - -input[type='range']::-webkit-slider-thumb { - box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; - height: 20px; - width: 20px; - border-radius: 50%; - background: var(--border); - -webkit-appearance: none; - margin-top: -7px; -} - -input[type='range']:focus::-webkit-slider-runnable-track { - background: var(--background); -} - -input[type='range']::-moz-range-track { - width: 100%; - height: 9.5px; - transition: 0.2s; - background: var(--background); - border-radius: 3px; -} - -input[type='range']::-moz-range-thumb { - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; - height: 20px; - width: 20px; - border-radius: 50%; - background: var(--border); -} - -input[type='range']::-ms-track { - width: 100%; - height: 9.5px; - background: transparent; - border-color: transparent; - border-width: 16px 0; - color: transparent; -} - -input[type='range']::-ms-fill-lower { - background: var(--background); - border: 0.2px solid #010101; - border-radius: 3px; - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; -} - -input[type='range']::-ms-fill-upper { - background: var(--background); - border: 0.2px solid #010101; - border-radius: 3px; - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; -} - -input[type='range']::-ms-thumb { - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; - border: 1px solid #000000; - height: 20px; - width: 20px; - border-radius: 50%; - background: var(--border); -} - -input[type='range']:focus::-ms-fill-lower { - background: var(--background); -} - -input[type='range']:focus::-ms-fill-upper { - background: var(--background); -} - -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 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; -} - -thead { - border-bottom: 1px solid var(--border); -} - -tfoot { - border-top: 1px solid var(--border); -} - -tbody tr:nth-child(even) { - 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); -} - -details { - display: flex; - flex-direction: column; - align-items: flex-start; - background-color: var(--background-alt); - padding: 10px 10px 0; - margin: 1em 0; - border-radius: 6px; - overflow: hidden; -} - -details[open] { - padding: 10px; -} - -details > :last-child { - margin-bottom: 0; -} - -details[open] summary { - margin-bottom: 10px; -} - -summary { - display: list-item; - background-color: var(--background); - padding: 10px; - margin: -10px -10px 0; -} - -details > :not(summary) { - margin-top: 0; -} - -summary::-webkit-details-marker { - color: var(--text-main); -} - -/*# sourceMappingURL=dark.css.map */ diff --git a/dist/dark.css.map b/dist/dark.css.map deleted file mode 100644 index 65d4cfb..0000000 --- a/dist/dark.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["dark.css","../variables-dark.css","../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #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: 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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/dark.min.css b/dist/dark.min.css deleted file mode 100644 index 60b681f..0000000 --- a/dist/dark.min.css +++ /dev/null @@ -1,2 +0,0 @@ -: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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}@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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)} -/*# sourceMappingURL=dark.min.css.map */ diff --git a/dist/dark.min.css.map b/dist/dark.min.css.map deleted file mode 100644 index 8eb6b9f..0000000 --- a/dist/dark.min.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["../variables-dark.css","../variables-light.css","dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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,mBAAoB,CAEpB,kPACF,CC5BA,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,gBAAoB,CAEpB,kPACF,CCyCA,CCrEA,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,6GAME,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAOb,uBANF,CASA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,OACE,qFAAwF,CACxF,kBACF,CAEA,mBACE,YACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,8BACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CClIA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,4BACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAMA,gFACE,4BACF,CCtFA,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,MACE,qCACF,CAEA,MACE,kCACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF","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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/dark.standalone.css b/dist/dark.standalone.css deleted file mode 100755 index c8f3c6c..0000000 --- a/dist/dark.standalone.css +++ /dev/null @@ -1,510 +0,0 @@ -/** - * Standalone dark-themed version. - * 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; - - --variable: #d941e2; - --highlight: #efdb43; - - --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E"); -} - -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); -} - -h1, -h2, -h3, -h4, -h5, -h6, -b, -strong, -th { - font-weight: 600; -} - -q:before { - content: none; -} - -q:after { - content: none; -} - -blockquote , q{ - border-left: 4px solid var(--focus); - 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: '💬 '; -} - -mark { - background-color: var(--highlight); - border-radius: 2px; - padding: 0px 2px 0px 2px; - color: #000000; -} - -button, select, -input[type='submit'], -input[type='button'], -input[type='checkbox'], -input[type='range'], -input[type='radio'] { - cursor: pointer; -} - -input:not([type='checkbox']):not([type='radio']), -select { - display: block; -} - -input, -button, -textarea, -select { - 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; -} - -input, -select, -button, -textarea { - -webkit-appearance: none; -} - -textarea { - margin-right: 0; - width: 100%; - box-sizing: border-box; - resize: vertical; -} - -select { - background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat; - padding-right: 35px; -} - -select::-ms-expand { - display: none; -} - -button, -input[type='submit'], -input[type='button'] { - padding-right: 30px; - padding-left: 30px; -} - -button:hover, -input[type='submit']:hover, -input[type='button']:hover { - background: var(--button-hover); -} - -input:focus, -select:focus, -button:focus, -textarea:focus { - box-shadow: 0 0 0 2px var(--focus); -} - -input[type='checkbox'], -input[type='radio'] { - position: relative; - width: 14px; - height: 14px; - display: inline-block; - vertical-align: middle; - margin: 0; - margin-right: 2px; -} - -input[type='radio'] { - border-radius: 50%; -} - -input[type='checkbox']:checked, -input[type='radio']:checked { - background: var(--button-hover); -} - -input[type='checkbox']:checked::before, -input[type='radio']:checked::before { - content: '•'; - display: block; - position: absolute; - left: 50%; - top: 50%; - transform: translateX(-50%) translateY(-50%); -} - -input[type='checkbox']:checked::before { - content: '✔'; - transform: translateY(-50%) translateY(0.5px) translateX(-6px); -} - -input[type='checkbox']:active, -input[type='radio']:active, -input[type='submit']:active, -input[type='button']:active, -input[type='range']:active, -button:active { - transform: translateY(2px); -} - -input:disabled, -select:disabled, -button:disabled, -textarea:disabled { - cursor: not-allowed; - opacity: 0.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); -} - -input[type='range'] { - margin: 10px 0; - padding: 10px 0; - background: transparent; -} - -input[type='range']:focus { - outline: none; -} - -input[type='range']::-webkit-slider-runnable-track { - width: 100%; - height: 9.5px; - transition: 0.2s; - background: var(--background); - border-radius: 3px; -} - -input[type='range']::-webkit-slider-thumb { - box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; - height: 20px; - width: 20px; - border-radius: 50%; - background: var(--border); - -webkit-appearance: none; - margin-top: -7px; -} - -input[type='range']:focus::-webkit-slider-runnable-track { - background: var(--background); -} - -input[type='range']::-moz-range-track { - width: 100%; - height: 9.5px; - transition: 0.2s; - background: var(--background); - border-radius: 3px; -} - -input[type='range']::-moz-range-thumb { - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; - height: 20px; - width: 20px; - border-radius: 50%; - background: var(--border); -} - -input[type='range']::-ms-track { - width: 100%; - height: 9.5px; - background: transparent; - border-color: transparent; - border-width: 16px 0; - color: transparent; -} - -input[type='range']::-ms-fill-lower { - background: var(--background); - border: 0.2px solid #010101; - border-radius: 3px; - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; -} - -input[type='range']::-ms-fill-upper { - background: var(--background); - border: 0.2px solid #010101; - border-radius: 3px; - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; -} - -input[type='range']::-ms-thumb { - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; - border: 1px solid #000000; - height: 20px; - width: 20px; - border-radius: 50%; - background: var(--border); -} - -input[type='range']:focus::-ms-fill-lower { - background: var(--background); -} - -input[type='range']:focus::-ms-fill-upper { - background: var(--background); -} - -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 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; -} - -thead { - border-bottom: 1px solid var(--border); -} - -tfoot { - border-top: 1px solid var(--border); -} - -tbody tr:nth-child(even) { - 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); -} - -details { - display: flex; - flex-direction: column; - align-items: flex-start; - background-color: var(--background-alt); - padding: 10px 10px 0; - margin: 1em 0; - border-radius: 6px; - overflow: hidden; -} - -details[open] { - padding: 10px; -} - -details > :last-child { - margin-bottom: 0; -} - -details[open] summary { - margin-bottom: 10px; -} - -summary { - display: list-item; - background-color: var(--background); - padding: 10px; - margin: -10px -10px 0; -} - -details > :not(summary) { - margin-top: 0; -} - -summary::-webkit-details-marker { - color: var(--text-main); -} - -/*# sourceMappingURL=dark.standalone.css.map */ diff --git a/dist/dark.standalone.css.map b/dist/dark.standalone.css.map deleted file mode 100644 index 4b961ec..0000000 --- a/dist/dark.standalone.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["dark.standalone.css","../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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, 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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/dark.standalone.min.css b/dist/dark.standalone.min.css deleted file mode 100755 index 8951936..0000000 --- a/dist/dark.standalone.min.css +++ /dev/null @@ -1,2 +0,0 @@ -: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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)} -/*# sourceMappingURL=dark.standalone.min.css.map */ diff --git a/dist/dark.standalone.min.css.map b/dist/dark.standalone.min.css.map deleted file mode 100644 index c414710..0000000 --- a/dist/dark.standalone.min.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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,mBAAoB,CAEpB,kPACF,CC5BA,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,6GAME,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAOb,uBANF,CASA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,OACE,qFAAwF,CACxF,kBACF,CAEA,mBACE,YACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,8BACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CClIA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,4BACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAMA,gFACE,4BACF,CCtFA,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,MACE,qCACF,CAEA,MACE,kCACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF","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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/light-legacy.css b/dist/light-legacy.css deleted file mode 100755 index 5024db4..0000000 --- a/dist/light-legacy.css +++ /dev/null @@ -1,12 +0,0 @@ - - -@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, - * 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. - */ - -/*# sourceMappingURL=light-legacy.css.map */ diff --git a/dist/light-legacy.css.map b/dist/light-legacy.css.map deleted file mode 100644 index 9933d89..0000000 --- a/dist/light-legacy.css.map +++ /dev/null @@ -1 +0,0 @@ -{"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 deleted file mode 100755 index a29606f..0000000 --- a/dist/light-legacy.min.css +++ /dev/null @@ -1,2 +0,0 @@ -@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 deleted file mode 100644 index c571405..0000000 --- a/dist/light-legacy.min.css.map +++ /dev/null @@ -1 +0,0 @@ -{"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/dist/light-legacy.standalone.css b/dist/light-legacy.standalone.css deleted file mode 100755 index bda2d62..0000000 --- a/dist/light-legacy.standalone.css +++ /dev/null @@ -1,600 +0,0 @@ -/** - * 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; -} - -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; - 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: '💬 '; -} - -mark { - background-color: #ffff00; - border-radius: 2px; - padding: 0px 2px 0px 2px; - color: #000000; -} - -button, select, -input[type='submit'], -input[type='button'], -input[type='checkbox'], -input[type='range'], -input[type='radio'] { - 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; -} - -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; -} - -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; -} - -input, -select, -button, -textarea { - -webkit-appearance: none; -} - -textarea { - margin-right: 0; - width: 100%; - box-sizing: border-box; - resize: vertical; -} - -select { - background: #efefef url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat; - padding-right: 35px; -} - -select::-ms-expand { - display: none; -} - -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'], -input[type='radio'] { - position: relative; - width: 14px; - height: 14px; - display: inline-block; - vertical-align: middle; - margin: 0; - margin-right: 2px; -} - -input[type='radio'] { - border-radius: 50%; -} - -input[type='checkbox']:checked { - background: #dddddd; -} - -input[type='radio']:checked { - background: #dddddd; -} - -input[type='checkbox']:checked::before, -input[type='radio']:checked::before { - content: '•'; - display: block; - position: absolute; - left: 50%; - top: 50%; - transform: translateX(-50%) translateY(-50%); -} - -input[type='checkbox']:checked::before { - content: '✔'; - transform: translateY(-50%) translateY(0.5px) translateX(-6px); -} - -input[type='checkbox']:active, -input[type='radio']:active, -input[type='submit']:active, -input[type='button']:active, -input[type='range']: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; -} - -input[type='range'] { - margin: 10px 0; - padding: 10px 0; - background: transparent; -} - -input[type='range']:focus { - outline: none; -} - -input[type='range']::-webkit-slider-runnable-track { - width: 100%; - height: 9.5px; - transition: 0.2s; - background: #efefef; - border-radius: 3px; -} - -input[type='range']::-webkit-slider-thumb { - box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; - height: 20px; - width: 20px; - border-radius: 50%; - background: #dbdbdb; - -webkit-appearance: none; - margin-top: -7px; -} - -input[type='range']:focus::-webkit-slider-runnable-track { - background: #efefef; -} - -input[type='range']::-moz-range-track { - width: 100%; - height: 9.5px; - transition: 0.2s; - background: #efefef; - border-radius: 3px; -} - -input[type='range']::-moz-range-thumb { - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; - height: 20px; - width: 20px; - border-radius: 50%; - background: #dbdbdb; -} - -input[type='range']::-ms-track { - width: 100%; - height: 9.5px; - background: transparent; - border-color: transparent; - border-width: 16px 0; - color: transparent; -} - -input[type='range']::-ms-fill-lower { - background: #efefef; - border: 0.2px solid #010101; - border-radius: 3px; - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; -} - -input[type='range']::-ms-fill-upper { - background: #efefef; - border: 0.2px solid #010101; - border-radius: 3px; - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; -} - -input[type='range']::-ms-thumb { - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; - border: 1px solid #000000; - height: 20px; - width: 20px; - border-radius: 50%; - background: #dbdbdb; -} - -input[type='range']:focus::-ms-fill-lower { - background: #efefef; -} - -input[type='range']:focus::-ms-fill-upper { - background: #efefef; -} - -a { - text-decoration: none; - color: #0076d1; -} - -a:hover { - text-decoration: underline; -} - -code { - background: #efefef; - color: #000000; - padding: 2.5px 5px; - border-radius: 6px; - font-size: 1em; -} - -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 { - 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 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; -} - -thead { - border-bottom: 1px solid #dbdbdb; -} - -tfoot { - border-top: 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; -} - -details { - display: flex; - flex-direction: column; - align-items: flex-start; - background-color: #f7f7f7; - padding: 10px 10px 0; - margin: 1em 0; - border-radius: 6px; - overflow: hidden; -} - -details[open] { - padding: 10px; -} - -details > :last-child { - margin-bottom: 0; -} - -details[open] summary { - margin-bottom: 10px; -} - -summary { - display: list-item; - background-color: #efefef; - padding: 10px; - margin: -10px -10px 0; -} - -details > :not(summary) { - margin-top: 0; -} - -summary::-webkit-details-marker { - color: #363636; -} - -/*# sourceMappingURL=light-legacy.standalone.css.map */ diff --git a/dist/light-legacy.standalone.css.map b/dist/light-legacy.standalone.css.map deleted file mode 100644 index 159160a..0000000 --- a/dist/light-legacy.standalone.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["light-legacy.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/light-legacy.standalone.min.css b/dist/light-legacy.standalone.min.css deleted file mode 100755 index 9f9cf86..0000000 --- a/dist/light-legacy.standalone.min.css +++ /dev/null @@ -1,2 +0,0 @@ -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=radio],input[type=range],input[type=submit],select{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,select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:#efefef url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#ddd}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef}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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top: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}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#f7f7f7;padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:#efefef;padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:#363636} -/*# 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 deleted file mode 100644 index 3667fe8..0000000 --- a/dist/light-legacy.standalone.min.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/light.css b/dist/light.css deleted file mode 100644 index 5551079..0000000 --- a/dist/light.css +++ /dev/null @@ -1,544 +0,0 @@ -/** - * 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. - */ - -: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; - - --variable: #39a33c; - --highlight: #ffff00; - - --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E"); -} - -@media (prefers-color-scheme: dark) { -: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(20, 20, 20); - - --form-placeholder: #a9a9a9; - --form-text: #ffffff; - - --variable: #d941e2; - --highlight: #efdb43; - - --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E"); -} -} - -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); -} - -h1, -h2, -h3, -h4, -h5, -h6, -b, -strong, -th { - font-weight: 600; -} - -q:before { - content: none; -} - -q:after { - content: none; -} - -blockquote , q{ - border-left: 4px solid var(--focus); - 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: '💬 '; -} - -mark { - background-color: var(--highlight); - border-radius: 2px; - padding: 0px 2px 0px 2px; - color: #000000; -} - -button, select, -input[type='submit'], -input[type='button'], -input[type='checkbox'], -input[type='range'], -input[type='radio'] { - cursor: pointer; -} - -input:not([type='checkbox']):not([type='radio']), -select { - display: block; -} - -input, -button, -textarea, -select { - 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; -} - -input, -select, -button, -textarea { - -webkit-appearance: none; -} - -textarea { - margin-right: 0; - width: 100%; - box-sizing: border-box; - resize: vertical; -} - -select { - background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat; - padding-right: 35px; -} - -select::-ms-expand { - display: none; -} - -button, -input[type='submit'], -input[type='button'] { - padding-right: 30px; - padding-left: 30px; -} - -button:hover, -input[type='submit']:hover, -input[type='button']:hover { - background: var(--button-hover); -} - -input:focus, -select:focus, -button:focus, -textarea:focus { - box-shadow: 0 0 0 2px var(--focus); -} - -input[type='checkbox'], -input[type='radio'] { - position: relative; - width: 14px; - height: 14px; - display: inline-block; - vertical-align: middle; - margin: 0; - margin-right: 2px; -} - -input[type='radio'] { - border-radius: 50%; -} - -input[type='checkbox']:checked, -input[type='radio']:checked { - background: var(--button-hover); -} - -input[type='checkbox']:checked::before, -input[type='radio']:checked::before { - content: '•'; - display: block; - position: absolute; - left: 50%; - top: 50%; - transform: translateX(-50%) translateY(-50%); -} - -input[type='checkbox']:checked::before { - content: '✔'; - transform: translateY(-50%) translateY(0.5px) translateX(-6px); -} - -input[type='checkbox']:active, -input[type='radio']:active, -input[type='submit']:active, -input[type='button']:active, -input[type='range']:active, -button:active { - transform: translateY(2px); -} - -input:disabled, -select:disabled, -button:disabled, -textarea:disabled { - cursor: not-allowed; - opacity: 0.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); -} - -input[type='range'] { - margin: 10px 0; - padding: 10px 0; - background: transparent; -} - -input[type='range']:focus { - outline: none; -} - -input[type='range']::-webkit-slider-runnable-track { - width: 100%; - height: 9.5px; - transition: 0.2s; - background: var(--background); - border-radius: 3px; -} - -input[type='range']::-webkit-slider-thumb { - box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; - height: 20px; - width: 20px; - border-radius: 50%; - background: var(--border); - -webkit-appearance: none; - margin-top: -7px; -} - -input[type='range']:focus::-webkit-slider-runnable-track { - background: var(--background); -} - -input[type='range']::-moz-range-track { - width: 100%; - height: 9.5px; - transition: 0.2s; - background: var(--background); - border-radius: 3px; -} - -input[type='range']::-moz-range-thumb { - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; - height: 20px; - width: 20px; - border-radius: 50%; - background: var(--border); -} - -input[type='range']::-ms-track { - width: 100%; - height: 9.5px; - background: transparent; - border-color: transparent; - border-width: 16px 0; - color: transparent; -} - -input[type='range']::-ms-fill-lower { - background: var(--background); - border: 0.2px solid #010101; - border-radius: 3px; - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; -} - -input[type='range']::-ms-fill-upper { - background: var(--background); - border: 0.2px solid #010101; - border-radius: 3px; - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; -} - -input[type='range']::-ms-thumb { - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; - border: 1px solid #000000; - height: 20px; - width: 20px; - border-radius: 50%; - background: var(--border); -} - -input[type='range']:focus::-ms-fill-lower { - background: var(--background); -} - -input[type='range']:focus::-ms-fill-upper { - background: var(--background); -} - -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 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; -} - -thead { - border-bottom: 1px solid var(--border); -} - -tfoot { - border-top: 1px solid var(--border); -} - -tbody tr:nth-child(even) { - 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); -} - -details { - display: flex; - flex-direction: column; - align-items: flex-start; - background-color: var(--background-alt); - padding: 10px 10px 0; - margin: 1em 0; - border-radius: 6px; - overflow: hidden; -} - -details[open] { - padding: 10px; -} - -details > :last-child { - margin-bottom: 0; -} - -details[open] summary { - margin-bottom: 10px; -} - -summary { - display: list-item; - background-color: var(--background); - padding: 10px; - margin: -10px -10px 0; -} - -details > :not(summary) { - margin-top: 0; -} - -summary::-webkit-details-marker { - color: var(--text-main); -} -/*# sourceMappingURL=light.css.map */ diff --git a/dist/light.css.map b/dist/light.css.map deleted file mode 100644 index 8e85ae5..0000000 --- a/dist/light.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["light.css","../variables-light.css","../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/light.min.css b/dist/light.min.css deleted file mode 100644 index 5093674..0000000 --- a/dist/light.min.css +++ /dev/null @@ -1,2 +0,0 @@ -: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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}@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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)} -/*# sourceMappingURL=light.min.css.map */ diff --git a/dist/light.min.css.map b/dist/light.min.css.map deleted file mode 100644 index 160bedb..0000000 --- a/dist/light.min.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["../variables-light.css","../variables-dark.css","light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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,gBAAoB,CAEpB,kPACF,CC5BA,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,mBAAoB,CAEpB,kPACF,CCyCA,CCrEA,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,6GAME,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAOb,uBANF,CASA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,OACE,qFAAwF,CACxF,kBACF,CAEA,mBACE,YACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,8BACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CClIA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,4BACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAMA,gFACE,4BACF,CCtFA,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,MACE,qCACF,CAEA,MACE,kCACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF","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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/light.standalone.css b/dist/light.standalone.css deleted file mode 100755 index f710c5a..0000000 --- a/dist/light.standalone.css +++ /dev/null @@ -1,510 +0,0 @@ -/** - * Standalone light-themed version. - * 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; - - --variable: #39a33c; - --highlight: #ffff00; - - --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E"); -} - -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); -} - -h1, -h2, -h3, -h4, -h5, -h6, -b, -strong, -th { - font-weight: 600; -} - -q:before { - content: none; -} - -q:after { - content: none; -} - -blockquote , q{ - border-left: 4px solid var(--focus); - 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: '💬 '; -} - -mark { - background-color: var(--highlight); - border-radius: 2px; - padding: 0px 2px 0px 2px; - color: #000000; -} - -button, select, -input[type='submit'], -input[type='button'], -input[type='checkbox'], -input[type='range'], -input[type='radio'] { - cursor: pointer; -} - -input:not([type='checkbox']):not([type='radio']), -select { - display: block; -} - -input, -button, -textarea, -select { - 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; -} - -input, -select, -button, -textarea { - -webkit-appearance: none; -} - -textarea { - margin-right: 0; - width: 100%; - box-sizing: border-box; - resize: vertical; -} - -select { - background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat; - padding-right: 35px; -} - -select::-ms-expand { - display: none; -} - -button, -input[type='submit'], -input[type='button'] { - padding-right: 30px; - padding-left: 30px; -} - -button:hover, -input[type='submit']:hover, -input[type='button']:hover { - background: var(--button-hover); -} - -input:focus, -select:focus, -button:focus, -textarea:focus { - box-shadow: 0 0 0 2px var(--focus); -} - -input[type='checkbox'], -input[type='radio'] { - position: relative; - width: 14px; - height: 14px; - display: inline-block; - vertical-align: middle; - margin: 0; - margin-right: 2px; -} - -input[type='radio'] { - border-radius: 50%; -} - -input[type='checkbox']:checked, -input[type='radio']:checked { - background: var(--button-hover); -} - -input[type='checkbox']:checked::before, -input[type='radio']:checked::before { - content: '•'; - display: block; - position: absolute; - left: 50%; - top: 50%; - transform: translateX(-50%) translateY(-50%); -} - -input[type='checkbox']:checked::before { - content: '✔'; - transform: translateY(-50%) translateY(0.5px) translateX(-6px); -} - -input[type='checkbox']:active, -input[type='radio']:active, -input[type='submit']:active, -input[type='button']:active, -input[type='range']:active, -button:active { - transform: translateY(2px); -} - -input:disabled, -select:disabled, -button:disabled, -textarea:disabled { - cursor: not-allowed; - opacity: 0.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); -} - -input[type='range'] { - margin: 10px 0; - padding: 10px 0; - background: transparent; -} - -input[type='range']:focus { - outline: none; -} - -input[type='range']::-webkit-slider-runnable-track { - width: 100%; - height: 9.5px; - transition: 0.2s; - background: var(--background); - border-radius: 3px; -} - -input[type='range']::-webkit-slider-thumb { - box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; - height: 20px; - width: 20px; - border-radius: 50%; - background: var(--border); - -webkit-appearance: none; - margin-top: -7px; -} - -input[type='range']:focus::-webkit-slider-runnable-track { - background: var(--background); -} - -input[type='range']::-moz-range-track { - width: 100%; - height: 9.5px; - transition: 0.2s; - background: var(--background); - border-radius: 3px; -} - -input[type='range']::-moz-range-thumb { - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; - height: 20px; - width: 20px; - border-radius: 50%; - background: var(--border); -} - -input[type='range']::-ms-track { - width: 100%; - height: 9.5px; - background: transparent; - border-color: transparent; - border-width: 16px 0; - color: transparent; -} - -input[type='range']::-ms-fill-lower { - background: var(--background); - border: 0.2px solid #010101; - border-radius: 3px; - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; -} - -input[type='range']::-ms-fill-upper { - background: var(--background); - border: 0.2px solid #010101; - border-radius: 3px; - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; -} - -input[type='range']::-ms-thumb { - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; - border: 1px solid #000000; - height: 20px; - width: 20px; - border-radius: 50%; - background: var(--border); -} - -input[type='range']:focus::-ms-fill-lower { - background: var(--background); -} - -input[type='range']:focus::-ms-fill-upper { - background: var(--background); -} - -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 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; -} - -thead { - border-bottom: 1px solid var(--border); -} - -tfoot { - border-top: 1px solid var(--border); -} - -tbody tr:nth-child(even) { - 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); -} - -details { - display: flex; - flex-direction: column; - align-items: flex-start; - background-color: var(--background-alt); - padding: 10px 10px 0; - margin: 1em 0; - border-radius: 6px; - overflow: hidden; -} - -details[open] { - padding: 10px; -} - -details > :last-child { - margin-bottom: 0; -} - -details[open] summary { - margin-bottom: 10px; -} - -summary { - display: list-item; - background-color: var(--background); - padding: 10px; - margin: -10px -10px 0; -} - -details > :not(summary) { - margin-top: 0; -} - -summary::-webkit-details-marker { - color: var(--text-main); -} - -/*# sourceMappingURL=light.standalone.css.map */ diff --git a/dist/light.standalone.css.map b/dist/light.standalone.css.map deleted file mode 100644 index 321e513..0000000 --- a/dist/light.standalone.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["light.standalone.css","../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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, 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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #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: 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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/light.standalone.min.css b/dist/light.standalone.min.css deleted file mode 100755 index 1ce35b3..0000000 --- a/dist/light.standalone.min.css +++ /dev/null @@ -1,2 +0,0 @@ -: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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)} -/*# sourceMappingURL=light.standalone.min.css.map */ diff --git a/dist/light.standalone.min.css.map b/dist/light.standalone.min.css.map deleted file mode 100644 index 7938cf0..0000000 --- a/dist/light.standalone.min.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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,gBAAoB,CAEpB,kPACF,CC5BA,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,6GAME,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAOb,uBANF,CASA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,OACE,qFAAwF,CACxF,kBACF,CAEA,mBACE,YACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,8BACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CClIA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,4BACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAMA,gFACE,4BACF,CCtFA,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,MACE,qCACF,CAEA,MACE,kCACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF","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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #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: 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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/package.json b/package.json index c9515a1..3efcfe9 100644 --- a/package.json +++ b/package.json @@ -5,7 +5,8 @@ "main": "index.js", "scripts": { "build": "gulp style", - "dev": "gulp watch" + "dev": "gulp watch", + "prepublishOnly": "yarn build" }, "repository": { "type": "git", @@ -43,5 +44,8 @@ }, "browserslist": [ "defaults AND not android 4.4.3" + ], + "files": [ + "dist" ] } From 6d37bf30c3ac2356601098a522677b25c62c3d0a Mon Sep 17 00:00:00 2001 From: Jan Schneider Date: Wed, 2 Oct 2019 11:34:55 +0200 Subject: [PATCH 41/60] #111 Seperate browserlist for modern builds --- gulpfile.js | 9 ++++++--- package.json | 20 +++++++++++++++++--- 2 files changed, 23 insertions(+), 6 deletions(-) diff --git a/gulpfile.js b/gulpfile.js index 9337a0b..a4193a4 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -69,7 +69,9 @@ function style() { // Calculate size before autoprefixing .pipe(bytediff.start()) // autoprefix - .pipe(postcss([autoprefixer()])) + .pipe(postcss([autoprefixer({ + env: "legacy" + })])) // Write the amount gained by autoprefixing .pipe(bytediff.stop(data => formatByteMessage('autoprefixer', data))) .pipe(excludeModern.restore) @@ -79,8 +81,9 @@ function style() { // 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()])) + .pipe(postcss([autoprefixer({ + env: "modern" + })])) // Write the amount gained by autoprefixing .pipe(bytediff.stop(data => formatByteMessage('autoprefixer', data))) .pipe(excludeLegacy.restore) diff --git a/package.json b/package.json index c9515a1..fb6a92e 100644 --- a/package.json +++ b/package.json @@ -41,7 +41,21 @@ "postcss-import": "^12.0.1", "postcss-inline-svg": "^3.1.1" }, - "browserslist": [ - "defaults AND not android 4.4.3" - ] + "browserslist": { + "legacy": ["defaults AND not android 4.4.3"], + "modern": [ + "Edge > 16", + "Firefox > 31", + "Chrome > 49", + "Safari > 9.1", + "Opera > 36", + "ios_saf > 9.3", + "Android > 76", + "OperaMobile > 46", + "ChromeAndroid > 76", + "FirefoxAndroid > 68", + "UCAndroid > 12.12", + "Samsung > 5" + ] + } } From 8dcdb635f9cffafff6f6c0b51991619fdae46d13 Mon Sep 17 00:00:00 2001 From: Lee Garkusha Date: Wed, 2 Oct 2019 06:15:32 -0400 Subject: [PATCH 42/60] Update margin and padding on fieldset to match other form elements --- dist/dark-legacy.standalone.css | 3 +++ 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 | 3 +++ dist/dark.css.map | 2 +- dist/dark.min.css | 2 +- dist/dark.min.css.map | 2 +- dist/dark.standalone.css | 3 +++ dist/dark.standalone.css.map | 2 +- dist/dark.standalone.min.css | 2 +- dist/dark.standalone.min.css.map | 2 +- dist/light-legacy.standalone.css | 3 +++ 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 | 3 +++ dist/light.css.map | 2 +- dist/light.min.css | 2 +- dist/light.min.css.map | 2 +- dist/light.standalone.css | 3 +++ dist/light.standalone.css.map | 2 +- dist/light.standalone.min.css | 2 +- dist/light.standalone.min.css.map | 2 +- src/parts/_forms.css | 3 +++ 25 files changed, 39 insertions(+), 18 deletions(-) diff --git a/dist/dark-legacy.standalone.css b/dist/dark-legacy.standalone.css index 5cd99f4..0c50157 100755 --- a/dist/dark-legacy.standalone.css +++ b/dist/dark-legacy.standalone.css @@ -366,6 +366,9 @@ textarea:disabled { fieldset { border: 1px #0096bfab solid; border-radius: 6px; + margin: 0; + margin-bottom: 6px; + padding: 10px; } legend { diff --git a/dist/dark-legacy.standalone.css.map b/dist/dark-legacy.standalone.css.map index c87877d..00b3f70 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/_range.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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\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/_range.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,mBAAkC;;EAElC,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;GACG,aAAa;AAChB;;AAEA;GACG,aAAa;AAChB;;AAEA;EACE,gCAAmC;EACnC,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;AACpB;;AALA;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;;AAEA;EACE,yBAAkC;EAClC,kBAAkB;EAClB,wBAAwB;EACxB,cAAc;AAChB;;ACjFA;;;;;;EAME,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;EAIE,cAAuB;EACvB,yBAAmC;;EAEnC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAjBA;EAIE,cAAuB;EACvB,yBAAmC;;EAEnC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAjBA;EAIE,cAAuB;EACvB,yBAAmC;;EAEnC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAjBA;EAIE,cAAuB;EACvB,yBAAmC;;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;EACE,mhBAAwF;EACxF,mBAAmB;AACrB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,mBAAmB;EACnB,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;;;EAGE,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;;EAEE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,qBAAqB;EACrB,sBAAsB;EACtB,SAAS;EACT,iBAAiB;AACnB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EAEE,mBAA+B;AACjC;;AAHA;EAEE,mBAA+B;AACjC;;AAEA;;EAEE,YAAY;EACZ,cAAc;EACd,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,4CAA4C;AAC9C;;AAEA;EACE,YAAY;EACZ,8DAA8D;AAChE;;AAEA;;;;;;EAME,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,cAA8B;AAChC;;AAFA;EACE,cAA8B;AAChC;;AAFA;EACE,cAA8B;AAChC;;AAFA;EACE,cAA8B;AAChC;;AAEA;EACE,2BAA8B;EAC9B,kBAAkB;EAClB,SAAS;EACT,kBAAkB;EAClB,aAAa;AACf;;AAEA;EACE,gBAAgB;EAChB,gBAAgB;AAClB;;ACrJA;EACE,cAAc;EACd,eAAe;EACf,uBAAuB;AACzB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,mBAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,mBAAyB;EACzB,wBAAwB;EACxB,gBAAgB;AAClB;;AAEA;EACE,mBAA6B;AAC/B;;AAEA;EACE,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,mBAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,mBAAyB;AAC3B;;AAEA;EACE,WAAW;EACX,aAAa;EACb,uBAAuB;EACvB,yBAAyB;EACzB,oBAAoB;EACpB,kBAAkB;AACpB;;AAEA;EACE,mBAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AAEA;EACE,mBAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AAEA;EACE,oDAAoD;EACpD,yBAAyB;EACzB,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,mBAAyB;AAC3B;;AAEA;EACE,mBAA6B;AAC/B;;AAEA;EACE,mBAA6B;AAC/B;;ACtFA;EACE,qBAAqB;EACrB,cAAmB;AACrB;;AAEA;EACE,0BAA0B;AAC5B;;ACPA;EACE,oBAA8B;EAC9B,cAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,cAAc;AAChB;;AANA;EACE,oBAA8B;EAC9B,cAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,cAAc;AAChB;;AANA;EACE,oBAA8B;EAC9B,cAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,cAAc;AAChB;;AAEA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;AAClB;;AAEA;EACE,cAAsB;EACtB,kBAAkB;EAClB,sBAAsB;AACxB;;AAEA;EACE,mBAA6B;EAC7B,yBAA+B;EAC/B,kBAAkB;EAClB,cAAuB;EACvB,wBAAwB;AAC1B;;AC1BA;EACE,eAAe;EACf,YAAY;AACd;;AAEA;EACE,YAAY;EACZ,6BAAmC;AACrC;;AAEA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;AACb;;AAEA;;EAEE,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,gCAAsC;AACxC;;AAEA;EACE,6BAAmC;AACrC;;AAEA;EACE,yBAAuC;AACzC;;AAEA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,mBAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,mBAAkC;EAClC,kBAAkB;AACpB;;AAEA;EACE,4BAAwC;AAC1C;;AAEA;EACE,yBAAkC;AACpC;;AAFA;EACE,yBAAkC;AACpC;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,yBAAuC;EACvC,oBAAoB;EACpB,aAAa;EACb,kBAAkB;EAClB,gBAAgB;AAClB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,kBAAkB;EAClB,yBAAmC;EACnC,aAAa;EACb,qBAAqB;AACvB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,cAAuB;AACzB","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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/dark-legacy.standalone.min.css b/dist/dark-legacy.standalone.min.css index 3077d8e..059da38 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}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=radio],input[type=range],input[type=submit],select{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,select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:#161f27 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#324759}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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}fieldset{border:1px solid rgba(0,150,191,.67);border-radius:6px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#161f27;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#161f27}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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top: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}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#1a242f;padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:#161f27;padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:#dbdbdb} +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=radio],input[type=range],input[type=submit],select{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,select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:#161f27 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#324759}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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}fieldset{border:1px solid rgba(0,150,191,.67);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#161f27;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#161f27}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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top: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}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#1a242f;padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:#161f27;padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:#dbdbdb} /*# 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 c8d2932..e25c47c 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file +{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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,6GAME,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,6BAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,OACE,2RAAwF,CACxF,kBACF,CAEA,mBACE,YACF,CAEA,iBACE,kBAAmB,CACnB,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,kBACF,CAEA,qDAIE,wCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,kBACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CAEA,SACE,oCAA8B,CAC9B,iBAAkB,CAElB,cAAkB,CAClB,YACF,CAEA,OACE,cAAgB,CAChB,eACF,CCrJA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,kBACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,kBAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAMA,gFACE,kBACF,CCtFA,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,MACE,+BACF,CAEA,MACE,4BACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,wBAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,wBAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,aACF","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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/dark.css b/dist/dark.css index 4eae7fa..4309d7d 100644 --- a/dist/dark.css +++ b/dist/dark.css @@ -327,6 +327,9 @@ textarea:disabled { fieldset { border: 1px var(--focus) solid; border-radius: 6px; + margin: 0; + margin-bottom: 6px; + padding: 10px; } legend { diff --git a/dist/dark.css.map b/dist/dark.css.map index cfa26ea..4f775ec 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/_range.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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #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: 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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\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/_range.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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #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: 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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/dark.min.css b/dist/dark.min.css index cacdebd..5f0f626 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;--variable:#d941e2;--highlight:#efdb43;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}@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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}fieldset{border:1px solid var(--focus);border-radius:6px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)} +: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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}@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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}fieldset{border:1px solid var(--focus);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)} /*# sourceMappingURL=dark.min.css.map */ diff --git a/dist/dark.min.css.map b/dist/dark.min.css.map index 2682a7c..d0544d0 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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B,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,MACE,qCACF,CAEA,MACE,kCACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF","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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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ACd,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,MACE,qCACF,CAEA,MACE,kCACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF","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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/dark.standalone.css b/dist/dark.standalone.css index 562471f..b5ad9fa 100755 --- a/dist/dark.standalone.css +++ b/dist/dark.standalone.css @@ -292,6 +292,9 @@ textarea:disabled { fieldset { border: 1px var(--focus) solid; border-radius: 6px; + margin: 0; + margin-bottom: 6px; + padding: 10px; } legend { diff --git a/dist/dark.standalone.css.map b/dist/dark.standalone.css.map index 1702310..1867298 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/_range.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, 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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\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/_range.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, 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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/dark.standalone.min.css b/dist/dark.standalone.min.css index ae04a2a..22e7930 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;--variable:#d941e2;--highlight:#efdb43;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}fieldset{border:1px solid var(--focus);border-radius:6px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)} +: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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}fieldset{border:1px solid var(--focus);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)} /*# sourceMappingURL=dark.standalone.min.css.map */ diff --git a/dist/dark.standalone.min.css.map b/dist/dark.standalone.min.css.map index c142d46..4bbee9c 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/_range.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,mBAAoB,CAEpB,kPACF,CC5BA,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,6GAME,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAOb,uBANF,CASA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,OACE,qFAAwF,CACxF,kBACF,CAEA,mBACE,YACF,CAEA,iBACE,kBAAmB,CACnB,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,8BACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,SACE,6BAA8B,CAC9B,iBACF,CAEA,OACE,cAAgB,CAChB,eACF,CClJA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,4BACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAMA,gFACE,4BACF,CCtFA,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,MACE,qCACF,CAEA,MACE,kCACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF","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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file +{"version":3,"sources":["../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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,mBAAoB,CAEpB,kPACF,CC5BA,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,6GAME,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAOb,uBANF,CASA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,OACE,qFAAwF,CACxF,kBACF,CAEA,mBACE,YACF,CAEA,iBACE,kBAAmB,CACnB,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,8BACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,SACE,6BAA8B,CAC9B,iBAAkB,CAElB,cAAkB,CAClB,YACF,CAEA,OACE,cAAgB,CAChB,eACF,CCrJA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,4BACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAMA,gFACE,4BACF,CCtFA,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,MACE,qCACF,CAEA,MACE,kCACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF","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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/light-legacy.standalone.css b/dist/light-legacy.standalone.css index 664ca9f..2d50449 100755 --- a/dist/light-legacy.standalone.css +++ b/dist/light-legacy.standalone.css @@ -366,6 +366,9 @@ textarea:disabled { fieldset { border: 1px #0096bfab solid; border-radius: 6px; + margin: 0; + margin-bottom: 6px; + padding: 10px; } legend { diff --git a/dist/light-legacy.standalone.css.map b/dist/light-legacy.standalone.css.map index 837bf97..8d8b115 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/_range.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,mBAAkC;;EAElC,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;GACG,aAAa;AAChB;;AAEA;GACG,aAAa;AAChB;;AAEA;EACE,gCAAmC;EACnC,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;AACpB;;AALA;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;;AAEA;EACE,yBAAkC;EAClC,kBAAkB;EAClB,wBAAwB;EACxB,cAAc;AAChB;;ACjFA;;;;;;EAME,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;EAIE,cAAuB;EACvB,yBAAmC;;EAEnC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAjBA;EAIE,cAAuB;EACvB,yBAAmC;;EAEnC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAjBA;EAIE,cAAuB;EACvB,yBAAmC;;EAEnC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAjBA;EAIE,cAAuB;EACvB,yBAAmC;;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;EACE,mhBAAwF;EACxF,mBAAmB;AACrB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,mBAAmB;EACnB,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;;;EAGE,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;;EAEE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,qBAAqB;EACrB,sBAAsB;EACtB,SAAS;EACT,iBAAiB;AACnB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EAEE,mBAA+B;AACjC;;AAHA;EAEE,mBAA+B;AACjC;;AAEA;;EAEE,YAAY;EACZ,cAAc;EACd,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,4CAA4C;AAC9C;;AAEA;EACE,YAAY;EACZ,8DAA8D;AAChE;;AAEA;;;;;;EAME,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,cAA8B;AAChC;;AAFA;EACE,cAA8B;AAChC;;AAFA;EACE,cAA8B;AAChC;;AAFA;EACE,cAA8B;AAChC;;AAEA;EACE,2BAA8B;EAC9B,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,gBAAgB;AAClB;;AClJA;EACE,cAAc;EACd,eAAe;EACf,uBAAuB;AACzB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,mBAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,mBAAyB;EACzB,wBAAwB;EACxB,gBAAgB;AAClB;;AAEA;EACE,mBAA6B;AAC/B;;AAEA;EACE,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,mBAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,mBAAyB;AAC3B;;AAEA;EACE,WAAW;EACX,aAAa;EACb,uBAAuB;EACvB,yBAAyB;EACzB,oBAAoB;EACpB,kBAAkB;AACpB;;AAEA;EACE,mBAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AAEA;EACE,mBAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AAEA;EACE,oDAAoD;EACpD,yBAAyB;EACzB,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,mBAAyB;AAC3B;;AAEA;EACE,mBAA6B;AAC/B;;AAEA;EACE,mBAA6B;AAC/B;;ACtFA;EACE,qBAAqB;EACrB,cAAmB;AACrB;;AAEA;EACE,0BAA0B;AAC5B;;ACPA;EACE,oBAA8B;EAC9B,cAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,cAAc;AAChB;;AANA;EACE,oBAA8B;EAC9B,cAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,cAAc;AAChB;;AANA;EACE,oBAA8B;EAC9B,cAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,cAAc;AAChB;;AAEA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;AAClB;;AAEA;EACE,cAAsB;EACtB,kBAAkB;EAClB,sBAAsB;AACxB;;AAEA;EACE,mBAA6B;EAC7B,yBAA+B;EAC/B,kBAAkB;EAClB,cAAuB;EACvB,wBAAwB;AAC1B;;AC1BA;EACE,eAAe;EACf,YAAY;AACd;;AAEA;EACE,YAAY;EACZ,6BAAmC;AACrC;;AAEA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;AACb;;AAEA;;EAEE,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,gCAAsC;AACxC;;AAEA;EACE,6BAAmC;AACrC;;AAEA;EACE,yBAAuC;AACzC;;AAEA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,mBAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,8BAAkC;EAClC,kBAAkB;AACpB;;AAEA;EACE,8BAAwC;AAC1C;;AAEA;EACE,yBAAkC;AACpC;;AAFA;EACE,yBAAkC;AACpC;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,yBAAuC;EACvC,oBAAoB;EACpB,aAAa;EACb,kBAAkB;EAClB,gBAAgB;AAClB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,kBAAkB;EAClB,yBAAmC;EACnC,aAAa;EACb,qBAAqB;AACvB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,cAAuB;AACzB","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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\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/_range.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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/light-legacy.standalone.min.css b/dist/light-legacy.standalone.min.css index 18af26a..45bd03c 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}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=radio],input[type=range],input[type=submit],select{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,select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:#efefef url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#ddd}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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}fieldset{border:1px solid rgba(0,150,191,.67);border-radius:6px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef}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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top: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}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#f7f7f7;padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:#efefef;padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:#363636} +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=radio],input[type=range],input[type=submit],select{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,select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:#efefef url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#ddd}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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}fieldset{border:1px solid rgba(0,150,191,.67);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef}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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top: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}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#f7f7f7;padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:#efefef;padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:#363636} /*# 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 9fdd3b9..9a50d94 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file +{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/light.css b/dist/light.css index 8e3d7ab..be84eac 100644 --- a/dist/light.css +++ b/dist/light.css @@ -327,6 +327,9 @@ textarea:disabled { fieldset { border: 1px var(--focus) solid; border-radius: 6px; + margin: 0; + margin-bottom: 6px; + padding: 10px; } legend { diff --git a/dist/light.css.map b/dist/light.css.map index 3f1391a..952a1cb 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/_range.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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\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/_range.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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/light.min.css b/dist/light.min.css index e10fa4f..d6f3763 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;--variable:#39a33c;--highlight:#ff0;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}@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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}fieldset{border:1px solid var(--focus);border-radius:6px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)} +: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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}@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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}fieldset{border:1px solid var(--focus);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)} /*# sourceMappingURL=light.min.css.map */ diff --git a/dist/light.min.css.map b/dist/light.min.css.map index 3af5aec..827d65b 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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B,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,MACE,qCACF,CAEA,MACE,kCACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF","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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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ACd,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,MACE,qCACF,CAEA,MACE,kCACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF","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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/light.standalone.css b/dist/light.standalone.css index e8c5b3f..beee480 100755 --- a/dist/light.standalone.css +++ b/dist/light.standalone.css @@ -292,6 +292,9 @@ textarea:disabled { fieldset { border: 1px var(--focus) solid; border-radius: 6px; + margin: 0; + margin-bottom: 6px; + padding: 10px; } legend { diff --git a/dist/light.standalone.css.map b/dist/light.standalone.css.map index e1147e6..af326df 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/_range.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, 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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #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: 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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\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/_range.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, 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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #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: 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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/light.standalone.min.css b/dist/light.standalone.min.css index 3177ee0..4c30858 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;--variable:#39a33c;--highlight:#ff0;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}fieldset{border:1px solid var(--focus);border-radius:6px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)} +: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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}fieldset{border:1px solid var(--focus);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)} /*# sourceMappingURL=light.standalone.min.css.map */ diff --git a/dist/light.standalone.min.css.map b/dist/light.standalone.min.css.map index af09542..f3b36f7 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/_range.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,gBAAoB,CAEpB,kPACF,CC5BA,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,6GAME,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAOb,uBANF,CASA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,OACE,qFAAwF,CACxF,kBACF,CAEA,mBACE,YACF,CAEA,iBACE,kBAAmB,CACnB,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,8BACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,SACE,6BAA8B,CAC9B,iBACF,CAEA,OACE,cAAgB,CAChB,eACF,CClJA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,4BACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAMA,gFACE,4BACF,CCtFA,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,MACE,qCACF,CAEA,MACE,kCACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF","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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #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: 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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file +{"version":3,"sources":["../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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,gBAAoB,CAEpB,kPACF,CC5BA,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,6GAME,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAOb,uBANF,CASA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,OACE,qFAAwF,CACxF,kBACF,CAEA,mBACE,YACF,CAEA,iBACE,kBAAmB,CACnB,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,8BACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,SACE,6BAA8B,CAC9B,iBAAkB,CAElB,cAAkB,CAClB,YACF,CAEA,OACE,cAAgB,CAChB,eACF,CCrJA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,4BACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAMA,gFACE,4BACF,CCtFA,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,MACE,qCACF,CAEA,MACE,kCACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF","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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #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: 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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/src/parts/_forms.css b/src/parts/_forms.css index 686888d..b6b7686 100644 --- a/src/parts/_forms.css +++ b/src/parts/_forms.css @@ -139,6 +139,9 @@ textarea:disabled { fieldset { border: 1px var(--focus) solid; border-radius: 6px; + margin: 0; + margin-bottom: 6px; + padding: 10px; } legend { From 2d029be3fcc90fae2e8df8c40d4b5b782b6ed065 Mon Sep 17 00:00:00 2001 From: Felix Mattick Date: Wed, 2 Oct 2019 10:59:34 -0700 Subject: [PATCH 43/60] Install standard --- package.json | 35 +- yarn.lock | 1033 +++++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 1036 insertions(+), 32 deletions(-) diff --git a/package.json b/package.json index a7aa8c5..f66011e 100644 --- a/package.json +++ b/package.json @@ -40,24 +40,27 @@ "postcss-color-mod-function": "^3.0.3", "postcss-css-variables": "^0.12.0", "postcss-import": "^12.0.1", - "postcss-inline-svg": "^3.1.1" + "postcss-inline-svg": "^3.1.1", + "standard": "^14.3.1" }, "browserslist": { - "legacy": ["defaults AND not android 4.4.3"], - "modern": [ - "Edge > 16", - "Firefox > 31", - "Chrome > 49", - "Safari > 9.1", - "Opera > 36", - "ios_saf > 9.3", - "Android > 76", - "OperaMobile > 46", - "ChromeAndroid > 76", - "FirefoxAndroid > 68", - "UCAndroid > 12.12", - "Samsung > 5" - ] + "legacy": [ + "defaults AND not android 4.4.3" + ], + "modern": [ + "Edge > 16", + "Firefox > 31", + "Chrome > 49", + "Safari > 9.1", + "Opera > 36", + "ios_saf > 9.3", + "Android > 76", + "OperaMobile > 46", + "ChromeAndroid > 76", + "FirefoxAndroid > 68", + "UCAndroid > 12.12", + "Samsung > 5" + ] }, "files": [ "dist" diff --git a/yarn.lock b/yarn.lock index 51f8cb1..5c32673 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2,6 +2,22 @@ # yarn lockfile v1 +"@babel/code-frame@^7.0.0": + version "7.5.5" + resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.5.5.tgz#bc0782f6d69f7b7d49531219699b988f669a8f9d" + integrity sha512-27d4lZoomVyo51VegxI20xZPuSHusqbQag/ztrBC7wegWoQ1nLREPVSKSW8byhTlzTKyNE4ifaTA6lCp7JjpFw== + dependencies: + "@babel/highlight" "^7.0.0" + +"@babel/highlight@^7.0.0": + version "7.5.0" + resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.5.0.tgz#56d11312bd9248fa619591d02472be6e8cb32540" + integrity sha512-7dV4eu9gBxoM0dAnj/BCFDW9LFU0zvTrkq0ugM7pnHEgguOEeOz1so2ZghEdzviYzQEED0r4EAgpsBChKy1TRQ== + dependencies: + chalk "^2.0.0" + esutils "^2.0.2" + js-tokens "^4.0.0" + "@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" @@ -44,16 +60,36 @@ accepts@~1.3.4: mime-types "~2.1.18" negotiator "0.6.1" +acorn-jsx@^5.0.2: + version "5.0.2" + resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.0.2.tgz#84b68ea44b373c4f8686023a551f61a21b7c4a4f" + integrity sha512-tiNTrP1MP0QrChmD2DdupCr6HWSFeKVw5d/dHTu4Y7rkAkRhU/Dt7dphAfIUyxtHpl/eBVip5uTNSpQJHylpAw== + acorn@5.X, acorn@^5.0.3: version "5.7.3" resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.3.tgz#67aa231bf8812974b85235a96771eb6bd07ea279" integrity sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw== +acorn@^7.0.0: + version "7.1.0" + resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.1.0.tgz#949d36f2c292535da602283586c2477c57eb2d6c" + integrity sha512-kL5CuoXA/dgxlBbVrflsflzQ3PAas7RYZB52NOm/6839iVYJgKMJ3cQJD+t2i5+qFa8h3MDpEOJiS64E8JLnSQ== + after@0.8.2: version "0.8.2" resolved "https://registry.yarnpkg.com/after/-/after-0.8.2.tgz#fedb394f9f0e02aa9768e702bda23b505fae7e1f" integrity sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8= +ajv@^6.10.0, ajv@^6.10.2: + version "6.10.2" + resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.10.2.tgz#d3cea04d6b017b2894ad69040fec8b623eb4bd52" + integrity sha512-TXtUUEYHuaTEbLZWIKUr5pmBuhDLy+8KYtPYdcV8qC+pOZL+NKqYwvWSRrVXHn+ZmRRAu8vJTAznH7Oag6RVRw== + 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" @@ -73,6 +109,11 @@ ansi-cyan@^0.1.1: dependencies: ansi-wrap "0.1.0" +ansi-escapes@^3.2.0: + version "3.2.0" + resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.2.0.tgz#8780b98ff9dbf5638152d1f1fe5c1d7b4442976b" + integrity sha512-cBhpre4ma+U0T1oM5fXg7Dy1Jw7zzwv7lt/GoCpr+hDQJoYnKVPLL4dCvSEFMmQurOQvSrwT7SL/DAlhBI97RQ== + ansi-gray@^0.1.1: version "0.1.1" resolved "https://registry.yarnpkg.com/ansi-gray/-/ansi-gray-0.1.1.tgz#2962cf54ec9792c48510a3deb524436861ef7251" @@ -97,12 +138,17 @@ ansi-regex@^3.0.0: resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-3.0.0.tgz#ed0317c322064f79466c02966bddb605ab37d998" integrity sha1-7QMXwyIGT3lGbAKWa922Bas32Zg= +ansi-regex@^4.1.0: + version "4.1.0" + resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.0.tgz#8b9f8f08cf1acb843756a839ca8c7e3168c51997" + integrity sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg== + ansi-styles@^2.2.1: version "2.2.1" resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe" integrity sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4= -ansi-styles@^3.2.1: +ansi-styles@^3.2.0, ansi-styles@^3.2.1: version "3.2.1" resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d" integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA== @@ -213,6 +259,14 @@ 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-includes@^3.0.3: + version "3.0.3" + resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.0.3.tgz#184b48f62d92d7452bb31b323165c7f8bd02266d" + integrity sha1-GEtI9i2S10UrsxsyMWXH+L0CJm0= + dependencies: + define-properties "^1.1.2" + es-abstract "^1.7.0" + array-initial@^1.0.0: version "1.1.0" resolved "https://registry.yarnpkg.com/array-initial/-/array-initial-1.1.0.tgz#2fa74b26739371c3947bd7a7adc73be334b3d795" @@ -284,6 +338,11 @@ assign-symbols@^1.0.0: resolved "https://registry.yarnpkg.com/assign-symbols/-/assign-symbols-1.0.0.tgz#59667f41fadd4f20ccbc2bb96b8d4f7f78ec0367" integrity sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c= +astral-regex@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9" + integrity sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg== + async-done@^1.2.0, async-done@^1.2.2: version "1.3.1" resolved "https://registry.yarnpkg.com/async-done/-/async-done-1.3.1.tgz#14b7b73667b864c8f02b5b253fc9c6eddb777f3e" @@ -590,6 +649,11 @@ callsites@^2.0.0: resolved "https://registry.yarnpkg.com/callsites/-/callsites-2.0.0.tgz#06eb84f00eea413da86affefacbffb36093b3c50" integrity sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA= +callsites@^3.0.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73" + integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ== + camelcase@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-3.0.0.tgz#32fc4b9fcdaf845fcdf7e73bb97cac2261f0ab0a" @@ -621,7 +685,7 @@ chalk@^1.0.0, chalk@^1.1.1: strip-ansi "^3.0.0" supports-color "^2.0.0" -chalk@^2.4.1, chalk@^2.4.2: +chalk@^2.0.0, chalk@^2.1.0, 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== @@ -630,6 +694,11 @@ chalk@^2.4.1, chalk@^2.4.2: escape-string-regexp "^1.0.5" supports-color "^5.3.0" +chardet@^0.7.0: + version "0.7.0" + resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e" + integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA== + chokidar@^2.0.0, chokidar@^2.0.4: version "2.1.5" resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-2.1.5.tgz#0ae8434d962281a5f56c72869e79cb6d9d86ad4d" @@ -664,6 +733,13 @@ class-utils@^0.3.5: isobject "^3.0.0" static-extend "^0.1.1" +cli-cursor@^2.1.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-2.1.0.tgz#b35dac376479facc3e94747d41d0d0f5238ffcb5" + integrity sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU= + dependencies: + restore-cursor "^2.0.0" + cli-table@^0.3.1: version "0.3.1" resolved "https://registry.yarnpkg.com/cli-table/-/cli-table-0.3.1.tgz#f53b05266a8b1a0b934b3d0821e6e2dc5914ae23" @@ -671,6 +747,11 @@ cli-table@^0.3.1: dependencies: colors "1.0.3" +cli-width@^2.0.0: + version "2.2.0" + resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-2.2.0.tgz#ff19ede8a9a5e579324147b0c11f0fbcbabed639" + integrity sha1-/xnt6Kml5XkyQUewwR8PvLq+1jk= + cliui@^3.2.0: version "3.2.0" resolved "https://registry.yarnpkg.com/cliui/-/cliui-3.2.0.tgz#120601537a916d29940f934da3b48d585a39213d" @@ -843,6 +924,11 @@ console-control-strings@^1.0.0, console-control-strings@~1.1.0: resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e" integrity sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4= +contains-path@^0.1.0: + version "0.1.0" + resolved "https://registry.yarnpkg.com/contains-path/-/contains-path-0.1.0.tgz#fe8cf184ff6670b6baef01a9d4861a5cbec4120a" + integrity sha1-/ozxhP9mcLa67wGp1IYaXL7EEgo= + convert-source-map@1.X, convert-source-map@^1.5.0: version "1.6.0" resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.6.0.tgz#51b537a8c43e0f04dec1993bffcdd504e758ac20" @@ -893,6 +979,17 @@ cosmiconfig@^5.0.0: js-yaml "^3.13.0" parse-json "^4.0.0" +cross-spawn@^6.0.5: + version "6.0.5" + resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4" + integrity sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ== + dependencies: + nice-try "^1.0.4" + path-key "^2.0.1" + semver "^5.5.0" + shebang-command "^1.2.0" + 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" @@ -1073,7 +1170,12 @@ debug-fabulous@1.X: memoizee "0.4.X" object-assign "4.X" -debug@2.6.9, debug@^2.1.2, debug@^2.2.0, debug@^2.3.3: +debug-log@^1.0.0: + version "1.0.1" + resolved "https://registry.yarnpkg.com/debug-log/-/debug-log-1.0.1.tgz#2307632d4c04382b8df8a32f70b895046d52745f" + integrity sha1-IwdjLUwEOCuN+KMvcLiVBG1SdF8= + +debug@2.6.9, debug@^2.1.2, debug@^2.2.0, debug@^2.3.3, debug@^2.6.8, debug@^2.6.9: version "2.6.9" resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f" integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA== @@ -1087,6 +1189,13 @@ debug@3.X, debug@^3.2.6: dependencies: ms "^2.1.1" +debug@^4.0.1: + version "4.1.1" + resolved "https://registry.yarnpkg.com/debug/-/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791" + integrity sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw== + dependencies: + ms "^2.1.1" + debug@~3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261" @@ -1109,6 +1218,11 @@ deep-extend@^0.6.0: resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac" integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA== +deep-is@~0.1.3: + version "0.1.3" + resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34" + integrity sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ= + default-compare@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/default-compare/-/default-compare-1.0.0.tgz#cb61131844ad84d84788fb68fd01681ca7781a2f" @@ -1150,6 +1264,18 @@ define-property@^2.0.2: is-descriptor "^1.0.2" isobject "^3.0.1" +deglob@^4.0.0: + version "4.0.1" + resolved "https://registry.yarnpkg.com/deglob/-/deglob-4.0.1.tgz#0685c6383992fd6009be10653a2b1116696fad55" + integrity sha512-/g+RDZ7yf2HvoW+E5Cy+K94YhgcFgr6C8LuHZD1O5HoNPkf3KY6RfXJ0DBGlB/NkLi5gml+G9zqRzk9S0mHZCg== + dependencies: + find-root "^1.0.0" + glob "^7.0.5" + ignore "^5.0.0" + pkg-config "^1.1.0" + run-parallel "^1.1.2" + uniq "^1.0.1" + delegates@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a" @@ -1185,6 +1311,28 @@ dev-ip@^1.0.1: resolved "https://registry.yarnpkg.com/dev-ip/-/dev-ip-1.0.1.tgz#a76a3ed1855be7a012bb8ac16cb80f3c00dc28f0" integrity sha1-p2o+0YVb56ASu4rBbLgPPADcKPA= +doctrine@1.5.0: + version "1.5.0" + resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-1.5.0.tgz#379dce730f6166f76cefa4e6707a159b02c5a6fa" + integrity sha1-N53Ocw9hZvds76TmcHoVmwLFpvo= + dependencies: + esutils "^2.0.2" + isarray "^1.0.0" + +doctrine@^2.1.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d" + integrity sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw== + dependencies: + esutils "^2.0.2" + +doctrine@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961" + integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w== + dependencies: + esutils "^2.0.2" + dom-serializer@0, dom-serializer@^0.1.0: version "0.1.1" resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.1.1.tgz#1ec4059e284babed36eec2941d4a970a189ce7c0" @@ -1282,6 +1430,11 @@ electron-to-chromium@^1.3.122: resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.124.tgz#861fc0148748a11b3e5ccebdf8b795ff513fa11f" integrity sha512-glecGr/kFdfeXUHOHAWvGcXrxNU+1wSO/t5B23tT1dtlvYB26GY8aHzZSWD7HqhqC800Lr+w/hQul6C5AF542w== +emoji-regex@^7.0.1: + version "7.0.3" + resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156" + integrity sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA== + encodeurl@~1.0.1, encodeurl@~1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59" @@ -1363,6 +1516,22 @@ error-ex@^1.2.0, error-ex@^1.3.1: dependencies: is-arrayish "^0.2.1" +es-abstract@^1.11.0, es-abstract@^1.7.0: + version "1.15.0" + resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.15.0.tgz#8884928ec7e40a79e3c9bc812d37d10c8b24cc57" + integrity sha512-bhkEqWJ2t2lMeaJDuk7okMkJWI/yqgH/EoGwpcvv0XW9RWQsRspI4wt6xuyuvMvvQE3gg/D9HXppgk21w78GyQ== + dependencies: + es-to-primitive "^1.2.0" + function-bind "^1.1.1" + has "^1.0.3" + has-symbols "^1.0.0" + is-callable "^1.1.4" + is-regex "^1.0.4" + object-inspect "^1.6.0" + object-keys "^1.1.1" + string.prototype.trimleft "^2.1.0" + string.prototype.trimright "^2.1.0" + es-abstract@^1.12.0, es-abstract@^1.5.1: version "1.13.0" resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.13.0.tgz#ac86145fdd5099d8dd49558ccba2eaf9b88e24e9" @@ -1430,11 +1599,195 @@ escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.3, escape-string-regexp@^ resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4" integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ= +eslint-config-standard-jsx@8.1.0: + version "8.1.0" + resolved "https://registry.yarnpkg.com/eslint-config-standard-jsx/-/eslint-config-standard-jsx-8.1.0.tgz#314c62a0e6f51f75547f89aade059bec140edfc7" + integrity sha512-ULVC8qH8qCqbU792ZOO6DaiaZyHNS/5CZt3hKqHkEhVlhPEPN3nfBqqxJCyp59XrjIBZPu1chMYe9T2DXZ7TMw== + +eslint-config-standard@14.1.0: + version "14.1.0" + resolved "https://registry.yarnpkg.com/eslint-config-standard/-/eslint-config-standard-14.1.0.tgz#b23da2b76fe5a2eba668374f246454e7058f15d4" + integrity sha512-EF6XkrrGVbvv8hL/kYa/m6vnvmUT+K82pJJc4JJVMM6+Qgqh0pnwprSxdduDLB9p/7bIxD+YV5O0wfb8lmcPbA== + +eslint-import-resolver-node@^0.3.2: + version "0.3.2" + resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.2.tgz#58f15fb839b8d0576ca980413476aab2472db66a" + integrity sha512-sfmTqJfPSizWu4aymbPr4Iidp5yKm8yDkHp+Ir3YiTHiiDfxh69mOUsmiqW6RZ9zRXFaF64GtYmN7e+8GHBv6Q== + dependencies: + debug "^2.6.9" + resolve "^1.5.0" + +eslint-module-utils@^2.4.0: + version "2.4.1" + resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.4.1.tgz#7b4675875bf96b0dbf1b21977456e5bb1f5e018c" + integrity sha512-H6DOj+ejw7Tesdgbfs4jeS4YMFrT8uI8xwd1gtQqXssaR0EQ26L+2O/w6wkYFy2MymON0fTwHmXBvvfLNZVZEw== + dependencies: + debug "^2.6.8" + pkg-dir "^2.0.0" + +eslint-plugin-es@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/eslint-plugin-es/-/eslint-plugin-es-2.0.0.tgz#0f5f5da5f18aa21989feebe8a73eadefb3432976" + integrity sha512-f6fceVtg27BR02EYnBhgWLFQfK6bN4Ll0nQFrBHOlCsAyxeZkn0NHns5O0YZOPrV1B3ramd6cgFwaoFLcSkwEQ== + dependencies: + eslint-utils "^1.4.2" + regexpp "^3.0.0" + +eslint-plugin-import@~2.18.0: + version "2.18.2" + resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.18.2.tgz#02f1180b90b077b33d447a17a2326ceb400aceb6" + integrity sha512-5ohpsHAiUBRNaBWAF08izwUGlbrJoJJ+W9/TBwsGoR1MnlgfwMIKrFeSjWbt6moabiXW9xNvtFz+97KHRfI4HQ== + dependencies: + array-includes "^3.0.3" + contains-path "^0.1.0" + debug "^2.6.9" + doctrine "1.5.0" + eslint-import-resolver-node "^0.3.2" + eslint-module-utils "^2.4.0" + has "^1.0.3" + minimatch "^3.0.4" + object.values "^1.1.0" + read-pkg-up "^2.0.0" + resolve "^1.11.0" + +eslint-plugin-node@~10.0.0: + version "10.0.0" + resolved "https://registry.yarnpkg.com/eslint-plugin-node/-/eslint-plugin-node-10.0.0.tgz#fd1adbc7a300cf7eb6ac55cf4b0b6fc6e577f5a6" + integrity sha512-1CSyM/QCjs6PXaT18+zuAXsjXGIGo5Rw630rSKwokSs2jrYURQc4R5JZpoanNCqwNmepg+0eZ9L7YiRUJb8jiQ== + dependencies: + eslint-plugin-es "^2.0.0" + eslint-utils "^1.4.2" + ignore "^5.1.1" + minimatch "^3.0.4" + resolve "^1.10.1" + semver "^6.1.0" + +eslint-plugin-promise@~4.2.1: + version "4.2.1" + resolved "https://registry.yarnpkg.com/eslint-plugin-promise/-/eslint-plugin-promise-4.2.1.tgz#845fd8b2260ad8f82564c1222fce44ad71d9418a" + integrity sha512-VoM09vT7bfA7D+upt+FjeBO5eHIJQBUWki1aPvB+vbNiHS3+oGIJGIeyBtKQTME6UPXXy3vV07OL1tHd3ANuDw== + +eslint-plugin-react@~7.14.2: + version "7.14.3" + resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.14.3.tgz#911030dd7e98ba49e1b2208599571846a66bdf13" + integrity sha512-EzdyyBWC4Uz2hPYBiEJrKCUi2Fn+BJ9B/pJQcjw5X+x/H2Nm59S4MJIvL4O5NEE0+WbnQwEBxWY03oUk+Bc3FA== + dependencies: + array-includes "^3.0.3" + doctrine "^2.1.0" + has "^1.0.3" + jsx-ast-utils "^2.1.0" + object.entries "^1.1.0" + object.fromentries "^2.0.0" + object.values "^1.1.0" + prop-types "^15.7.2" + resolve "^1.10.1" + +eslint-plugin-standard@~4.0.0: + version "4.0.1" + resolved "https://registry.yarnpkg.com/eslint-plugin-standard/-/eslint-plugin-standard-4.0.1.tgz#ff0519f7ffaff114f76d1bd7c3996eef0f6e20b4" + integrity sha512-v/KBnfyaOMPmZc/dmc6ozOdWqekGp7bBGq4jLAecEfPGmfKiWS4sA8sC0LqiV9w5qmXAtXVn4M3p1jSyhY85SQ== + +eslint-scope@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.0.0.tgz#e87c8887c73e8d1ec84f1ca591645c358bfc8fb9" + integrity sha512-oYrhJW7S0bxAFDvWqzvMPRm6pcgcnWc4QnofCAqRTRfQC0JcwenzGglTtsLyIuuWFfkqDG9vz67cnttSd53djw== + dependencies: + esrecurse "^4.1.0" + estraverse "^4.1.1" + +eslint-utils@^1.4.2: + version "1.4.2" + resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-1.4.2.tgz#166a5180ef6ab7eb462f162fd0e6f2463d7309ab" + integrity sha512-eAZS2sEUMlIeCjBeubdj45dmBHQwPHWyBcT1VSYB7o9x9WRRqKxyUoiXlRjyAwzN7YEzHJlYg0NmzDRWx6GP4Q== + dependencies: + eslint-visitor-keys "^1.0.0" + +eslint-visitor-keys@^1.0.0, eslint-visitor-keys@^1.1.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.1.0.tgz#e2a82cea84ff246ad6fb57f9bde5b46621459ec2" + integrity sha512-8y9YjtM1JBJU/A9Kc+SbaOV4y29sSWckBwMHa+FGtVj5gN/sbnKDf6xJUl+8g7FAij9LVaP8C24DUiH/f/2Z9A== + +eslint@~6.4.0: + version "6.4.0" + resolved "https://registry.yarnpkg.com/eslint/-/eslint-6.4.0.tgz#5aa9227c3fbe921982b2eda94ba0d7fae858611a" + integrity sha512-WTVEzK3lSFoXUovDHEbkJqCVPEPwbhCq4trDktNI6ygs7aO41d4cDT0JFAT5MivzZeVLWlg7vHL+bgrQv/t3vA== + dependencies: + "@babel/code-frame" "^7.0.0" + ajv "^6.10.0" + chalk "^2.1.0" + cross-spawn "^6.0.5" + debug "^4.0.1" + doctrine "^3.0.0" + eslint-scope "^5.0.0" + eslint-utils "^1.4.2" + eslint-visitor-keys "^1.1.0" + espree "^6.1.1" + esquery "^1.0.1" + esutils "^2.0.2" + file-entry-cache "^5.0.1" + functional-red-black-tree "^1.0.1" + glob-parent "^5.0.0" + globals "^11.7.0" + ignore "^4.0.6" + import-fresh "^3.0.0" + imurmurhash "^0.1.4" + inquirer "^6.4.1" + is-glob "^4.0.0" + js-yaml "^3.13.1" + json-stable-stringify-without-jsonify "^1.0.1" + levn "^0.3.0" + lodash "^4.17.14" + minimatch "^3.0.4" + mkdirp "^0.5.1" + natural-compare "^1.4.0" + optionator "^0.8.2" + progress "^2.0.0" + regexpp "^2.0.1" + semver "^6.1.2" + strip-ansi "^5.2.0" + strip-json-comments "^3.0.1" + table "^5.2.3" + text-table "^0.2.0" + v8-compile-cache "^2.0.3" + +espree@^6.1.1: + version "6.1.1" + resolved "https://registry.yarnpkg.com/espree/-/espree-6.1.1.tgz#7f80e5f7257fc47db450022d723e356daeb1e5de" + integrity sha512-EYbr8XZUhWbYCqQRW0duU5LxzL5bETN6AjKBGy1302qqzPaCH10QbRg3Wvco79Z8x9WbiE8HYB4e75xl6qUYvQ== + dependencies: + acorn "^7.0.0" + acorn-jsx "^5.0.2" + eslint-visitor-keys "^1.1.0" + esprima@^4.0.0: version "4.0.1" resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71" integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A== +esquery@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.0.1.tgz#406c51658b1f5991a5f9b62b1dc25b00e3e5c708" + integrity sha512-SmiyZ5zIWH9VM+SRUReLS5Q8a7GxtRdxEBVZpm98rJM7Sb+A9DVCndXfkeFUd3byderg+EbDkfnevfCwynWaNA== + dependencies: + estraverse "^4.0.0" + +esrecurse@^4.1.0: + version "4.2.1" + resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.2.1.tgz#007a3b9fdbc2b3bb87e4879ea19c92fdbd3942cf" + integrity sha512-64RBB++fIOAXPw3P9cy89qfMlvZEXZkqqJkjqqXIvzP5ezRZjW+lPWjw35UX/3EhUPFYbg5ER4JYgDw4007/DQ== + dependencies: + estraverse "^4.1.0" + +estraverse@^4.0.0, estraverse@^4.1.0, estraverse@^4.1.1: + version "4.3.0" + resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d" + integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw== + +esutils@^2.0.2: + version "2.0.3" + resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64" + integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g== + etag@1.8.1, etag@^1.8.1, etag@~1.8.1: version "1.8.1" resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887" @@ -1514,6 +1867,15 @@ extend@^3.0.0, extend@^3.0.1: resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa" integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g== +external-editor@^3.0.3: + version "3.1.0" + resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-3.1.0.tgz#cb03f740befae03ea4d283caed2741a83f335495" + integrity sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew== + dependencies: + chardet "^0.7.0" + iconv-lite "^0.4.24" + tmp "^0.0.33" + extglob@^0.3.1: version "0.3.2" resolved "https://registry.yarnpkg.com/extglob/-/extglob-0.3.2.tgz#2e18ff3d2f49ab2765cec9023f011daa8d8349a1" @@ -1545,6 +1907,35 @@ 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= + +fast-levenshtein@~2.0.4: + version "2.0.6" + resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917" + integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc= + +figures@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/figures/-/figures-2.0.0.tgz#3ab1a2d2a62c8bfb431a0c94cb797a2fce27c962" + integrity sha1-OrGi0qYsi/tDGgyUy3l6L84nyWI= + dependencies: + escape-string-regexp "^1.0.5" + +file-entry-cache@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-5.0.1.tgz#ca0f6efa6dd3d561333fb14515065c2fafdf439c" + integrity sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g== + dependencies: + flat-cache "^2.0.1" + filename-regex@^2.0.0: version "2.0.1" resolved "https://registry.yarnpkg.com/filename-regex/-/filename-regex-2.0.1.tgz#c1c4b9bee3e09725ddb106b75c1e301fe2f18b26" @@ -1589,6 +1980,11 @@ finalhandler@1.1.0: statuses "~1.3.1" unpipe "~1.0.0" +find-root@^1.0.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/find-root/-/find-root-1.1.0.tgz#abcfc8ba76f708c42a97b3d685b7e9450bfb9ce4" + integrity sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng== + find-up@^1.0.0: version "1.1.2" resolved "https://registry.yarnpkg.com/find-up/-/find-up-1.1.2.tgz#6b2e9822b1a2ce0a60ab64d610eccad53cb24d0f" @@ -1597,6 +1993,20 @@ find-up@^1.0.0: path-exists "^2.0.0" pinkie-promise "^2.0.0" +find-up@^2.0.0, find-up@^2.1.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7" + integrity sha1-RdG35QbHF93UgndaK3eSCjwMV6c= + dependencies: + locate-path "^2.0.0" + +find-up@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73" + integrity sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg== + dependencies: + locate-path "^3.0.0" + findup-sync@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/findup-sync/-/findup-sync-2.0.0.tgz#9326b1488c22d1a6088650a86901b2d9a90a2cbc" @@ -1633,6 +2043,20 @@ flagged-respawn@^1.0.0: resolved "https://registry.yarnpkg.com/flagged-respawn/-/flagged-respawn-1.0.1.tgz#e7de6f1279ddd9ca9aac8a5971d618606b3aab41" integrity sha512-lNaHNVymajmk0OJMBn8fVUAU1BtDeKIqKoVhk4xAALB57aALg6b4W0MfJ/cUE0g9YBXy5XhSlPIpYIJ7HaY/3Q== +flat-cache@^2.0.1: + version "2.0.1" + resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-2.0.1.tgz#5d296d6f04bda44a4630a301413bdbc2ec085ec0" + integrity sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA== + dependencies: + flatted "^2.0.0" + rimraf "2.6.3" + write "1.0.3" + +flatted@^2.0.0: + version "2.0.1" + resolved "https://registry.yarnpkg.com/flatted/-/flatted-2.0.1.tgz#69e57caa8f0eacbc281d2e2cb458d46fdb449e08" + integrity sha512-a1hQMktqW9Nmqr5aktAux3JMNqaucxGcjtjWnZLHX7yyPCmlSV3M54nGYbqT8K+0GhF3NBgmJCc3ma+WOgX8Jg== + flatten@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/flatten/-/flatten-1.0.2.tgz#dae46a9d78fbe25292258cc1e780a41d95c03782" @@ -1726,6 +2150,11 @@ function-bind@^1.1.1: resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d" integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A== +functional-red-black-tree@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327" + integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc= + gauge@~2.7.3: version "2.7.4" resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.4.tgz#2c03405c7538c39d7eb37b317022e325fb018bf7" @@ -1745,6 +2174,11 @@ get-caller-file@^1.0.1: resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.3.tgz#f978fa4c90d1dfe7ff2d6beda2a515e713bdcf4a" integrity sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w== +get-stdin@^7.0.0: + version "7.0.0" + resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-7.0.0.tgz#8d5de98f15171a125c5e516643c7a6d0ea8a96f6" + integrity sha512-zRKcywvrXlXsA0v0i9Io4KDRaAw7+a1ZpjRwl9Wox8PFlVCCHra7E9c4kqXCoCM9nR5tBkaTTZRBoCm60bFqTQ== + 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" @@ -1773,6 +2207,13 @@ glob-parent@^3.1.0: is-glob "^3.1.0" path-dirname "^1.0.0" +glob-parent@^5.0.0: + version "5.1.0" + resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.0.tgz#5f4c1d1e748d30cd73ad2944b3577a81b081e8c2" + integrity sha512-qjtRgnIVmOfnKUE3NJAQEdk+lKrxfw8t5ke7SXtfMTHcjsBfOfWXCQfdb30zfDoZQ2IRSIiidmjtbHZPZ++Ihw== + dependencies: + is-glob "^4.0.1" + glob-stream@^6.1.0: version "6.1.0" resolved "https://registry.yarnpkg.com/glob-stream/-/glob-stream-6.1.0.tgz#7045c99413b3eb94888d83ab46d0b404cc7bdde4" @@ -1801,6 +2242,18 @@ glob-watcher@^5.0.0: just-debounce "^1.0.0" object.defaults "^1.1.0" +glob@^7.0.5: + version "7.1.4" + resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.4.tgz#aa608a2f6c577ad357e1ae5a5c26d9a8d1969255" + integrity sha512-hkLPepehmnKk41pUGm3sYxoFs/umurYfYJCerbXEyFIWcAzvpipAgVkBqqT9RBKMGjnq6kMuyYwha6csxbiM1A== + dependencies: + fs.realpath "^1.0.0" + inflight "^1.0.4" + inherits "2" + minimatch "^3.0.4" + once "^1.3.0" + path-is-absolute "^1.0.0" + glob@^7.1.1, glob@^7.1.3: version "7.1.3" resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.3.tgz#3960832d3f1574108342dafd3a67b332c0969df1" @@ -1833,6 +2286,11 @@ global-prefix@^1.0.1: is-windows "^1.0.1" which "^1.2.14" +globals@^11.7.0: + version "11.12.0" + resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e" + integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA== + glogg@^1.0.0: version "1.0.2" resolved "https://registry.yarnpkg.com/glogg/-/glogg-1.0.2.tgz#2d7dd702beda22eb3bffadf880696da6d846313f" @@ -1845,6 +2303,11 @@ graceful-fs@4.X, graceful-fs@^4.0.0, graceful-fs@^4.1.11, graceful-fs@^4.1.2, gr resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.15.tgz#ffb703e1066e8a0eeaa4c8b80ba9253eeefbfb00" integrity sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA== +graceful-fs@^4.1.15: + version "4.2.2" + resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.2.tgz#6f0952605d0140c1cfdb138ed005775b92d67b02" + integrity sha512-IItsdsea19BoLC7ELy13q1iJFNmd7ofZH5+X/pJr90/nRoPEX0DJo1dHDbgtYWOhJhcCgMDTOw84RZ72q6lB+Q== + gulp-bytediff@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/gulp-bytediff/-/gulp-bytediff-1.0.0.tgz#5573e27728b0b16d5ca88694fcd3616338f9c52d" @@ -2137,7 +2600,7 @@ iconv-lite@0.4.23: dependencies: safer-buffer ">= 2.1.2 < 3" -iconv-lite@^0.4.4: +iconv-lite@^0.4.24, iconv-lite@^0.4.4: version "0.4.24" resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b" integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA== @@ -2151,6 +2614,16 @@ ignore-walk@^3.0.1: dependencies: minimatch "^3.0.4" +ignore@^4.0.6: + version "4.0.6" + resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc" + integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg== + +ignore@^5.0.0, ignore@^5.1.1: + version "5.1.4" + resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.4.tgz#84b7b3dbe64552b6ef0eca99f6743dbec6d97adf" + integrity sha512-MzbUSahkTW1u7JpKKjY7LCARd1fU5W2rLdxlM4kdkayuCwZImjkpluF9CM1aLewYJguPDqewLam18Y6AU69A8A== + immutable@^3: version "3.8.2" resolved "https://registry.yarnpkg.com/immutable/-/immutable-3.8.2.tgz#c2439951455bb39913daf281376f1530e104adf3" @@ -2171,6 +2644,14 @@ import-fresh@^2.0.0: caller-path "^2.0.0" resolve-from "^3.0.0" +import-fresh@^3.0.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.1.0.tgz#6d33fa1dcef6df930fae003446f33415af905118" + integrity sha512-PpuksHKGt8rXfWEr9m9EHIpgyyaltBy8+eF6GJM0QCAxMgxCfucMF3mjecK2QsJr0amJW7gTqh5/wht0z2UhEQ== + dependencies: + parent-module "^1.0.0" + resolve-from "^4.0.0" + import-from@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/import-from/-/import-from-2.1.0.tgz#335db7f2a7affd53aaa471d4b8021dee36b7f3b1" @@ -2178,6 +2659,11 @@ import-from@^2.1.0: dependencies: resolve-from "^3.0.0" +imurmurhash@^0.1.4: + version "0.1.4" + resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea" + integrity sha1-khi5srkoojixPcT7a21XbyMUU+o= + indexes-of@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607" @@ -2206,6 +2692,25 @@ ini@^1.3.4, ini@~1.3.0: resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927" integrity sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw== +inquirer@^6.4.1: + version "6.5.2" + resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-6.5.2.tgz#ad50942375d036d327ff528c08bd5fab089928ca" + integrity sha512-cntlB5ghuB0iuO65Ovoi8ogLHiWGs/5yNrtUcKjFhSSiVeAIVpD7koaSU9RM8mpXw5YDi9RdYXGQMaOURB7ycQ== + dependencies: + ansi-escapes "^3.2.0" + chalk "^2.4.2" + cli-cursor "^2.1.0" + cli-width "^2.0.0" + external-editor "^3.0.3" + figures "^2.0.0" + lodash "^4.17.12" + mute-stream "0.0.7" + run-async "^2.2.0" + rxjs "^6.4.0" + string-width "^2.1.0" + strip-ansi "^5.1.0" + through "^2.3.6" + interpret@^1.1.0: version "1.2.0" resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.2.0.tgz#d5061a6224be58e8083985f5014d844359576296" @@ -2384,7 +2889,7 @@ is-glob@^3.1.0: dependencies: is-extglob "^2.1.0" -is-glob@^4.0.0: +is-glob@^4.0.0, is-glob@^4.0.1: version "4.0.1" resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.1.tgz#7567dbe9f2f5e2467bc77ab83c4a29482407a5dc" integrity sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg== @@ -2444,7 +2949,7 @@ is-primitive@^2.0.0: resolved "https://registry.yarnpkg.com/is-primitive/-/is-primitive-2.0.0.tgz#207bab91638499c07b2adf240a41a87210034575" integrity sha1-IHurkWOEmcB7Kt8kCkGochADRXU= -is-promise@^2.1: +is-promise@^2.1, is-promise@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.1.0.tgz#79a2a9ece7f096e80f36d2b2f3bc16c1ff4bf3fa" integrity sha1-eaKp7OfwlugPNtKy87wWwf9L8/o= @@ -2514,7 +3019,7 @@ isarray@0.0.1: resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf" integrity sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8= -isarray@1.0.0, isarray@~1.0.0: +isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11" integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE= @@ -2541,7 +3046,12 @@ isobject@^3.0.0, isobject@^3.0.1: resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df" integrity sha1-TkMekrEalzFjaqH5yNHMvP2reN8= -js-yaml@^3.13.0, js-yaml@^3.9.0: +"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499" + integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ== + +js-yaml@^3.13.0, js-yaml@^3.13.1, js-yaml@^3.9.0: version "3.13.1" resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.13.1.tgz#aff151b30bfdfa8e49e05da22e7415e9dfa37847" integrity sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw== @@ -2554,6 +3064,11 @@ json-parse-better-errors@^1.0.1: 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-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" @@ -2566,6 +3081,14 @@ jsonfile@^3.0.0: optionalDependencies: graceful-fs "^4.1.6" +jsx-ast-utils@^2.1.0: + version "2.2.1" + resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-2.2.1.tgz#4d4973ebf8b9d2837ee91a8208cc66f3a2776cfb" + integrity sha512-v3FxCcAf20DayI+uxnCuw795+oOIkVu6EnJ1+kSzhqqTZHNkTZ7B66ZgLp4oLJ/gbA64cI0B7WRoHZMSRdyVRQ== + dependencies: + array-includes "^3.0.3" + object.assign "^4.1.0" + just-debounce@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/just-debounce/-/just-debounce-1.0.0.tgz#87fccfaeffc0b68cd19d55f6722943f929ea35ea" @@ -2629,6 +3152,14 @@ lead@^1.0.0: dependencies: flush-write-stream "^1.0.2" +levn@^0.3.0, levn@~0.3.0: + version "0.3.0" + resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee" + integrity sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4= + dependencies: + prelude-ls "~1.1.2" + type-check "~0.3.2" + liftoff@^3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/liftoff/-/liftoff-3.1.0.tgz#c9ba6081f908670607ee79062d700df062c52ed3" @@ -2659,6 +3190,27 @@ load-json-file@^1.0.0: pinkie-promise "^2.0.0" strip-bom "^2.0.0" +load-json-file@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-2.0.0.tgz#7947e42149af80d696cbf797bcaabcfe1fe29ca8" + integrity sha1-eUfkIUmvgNaWy/eXvKq8/h/inKg= + dependencies: + graceful-fs "^4.1.2" + parse-json "^2.2.0" + pify "^2.0.0" + strip-bom "^3.0.0" + +load-json-file@^5.2.0: + version "5.3.0" + resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-5.3.0.tgz#4d3c1e01fa1c03ea78a60ac7af932c9ce53403f3" + integrity sha512-cJGP40Jc/VXUsp8/OrnyKyTZ1y6v/dphm3bioS+RrKXjK2BB6wHUd6JptZEFDGgGahMT+InnZO5i1Ei9mpC8Bw== + dependencies: + graceful-fs "^4.1.15" + parse-json "^4.0.0" + pify "^4.0.1" + strip-bom "^3.0.0" + type-fest "^0.3.0" + localtunnel@1.9.1: version "1.9.1" resolved "https://registry.yarnpkg.com/localtunnel/-/localtunnel-1.9.1.tgz#1d1737eab658add5a40266d8e43f389b646ee3b1" @@ -2669,6 +3221,22 @@ localtunnel@1.9.1: openurl "1.1.1" yargs "6.6.0" +locate-path@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e" + integrity sha1-K1aLJl7slExtnA3pw9u7ygNUzY4= + dependencies: + p-locate "^2.0.0" + path-exists "^3.0.0" + +locate-path@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e" + integrity sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A== + dependencies: + p-locate "^3.0.0" + path-exists "^3.0.0" + lodash._basecopy@^3.0.0: version "3.0.1" resolved "https://registry.yarnpkg.com/lodash._basecopy/-/lodash._basecopy-3.0.1.tgz#8da0e6a876cf344c0ad8a54882111dd3c5c7ca36" @@ -2788,6 +3356,18 @@ lodash@^4.17.10: resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d" integrity sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg== +lodash@^4.17.12, lodash@^4.17.14: + version "4.17.15" + resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548" + integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A== + +loose-envify@^1.4.0: + version "1.4.0" + resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf" + integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q== + dependencies: + js-tokens "^3.0.0 || ^4.0.0" + lru-queue@0.1: version "0.1.0" resolved "https://registry.yarnpkg.com/lru-queue/-/lru-queue-0.1.0.tgz#2738bd9f0d3cf4f84490c5736c48699ac632cda3" @@ -2908,6 +3488,11 @@ mime@1.4.1: resolved "https://registry.yarnpkg.com/mime/-/mime-1.4.1.tgz#121f9ebc49e3766f311a76e1fa1c8003c4b03aa6" integrity sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ== +mimic-fn@^1.0.0: + version "1.2.0" + resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.2.0.tgz#820c86a39334640e99516928bd03fca88057d022" + integrity sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ== + 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" @@ -2992,6 +3577,11 @@ 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== +mute-stream@0.0.7: + version "0.0.7" + resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.7.tgz#3075ce93bc21b8fab43e1bc4da7e8115ed1e7bab" + integrity sha1-MHXOk7whuPq0PhvE2n6BFe0ee6s= + nan@^2.9.2: version "2.13.2" resolved "https://registry.yarnpkg.com/nan/-/nan-2.13.2.tgz#f51dc7ae66ba7d5d55e1e6d4d8092e802c9aefe7" @@ -3014,6 +3604,11 @@ nanomatch@^1.2.9: snapdragon "^0.8.1" to-regex "^3.0.1" +natural-compare@^1.4.0: + version "1.4.0" + resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7" + integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc= + needle@^2.2.1: version "2.2.4" resolved "https://registry.yarnpkg.com/needle/-/needle-2.2.4.tgz#51931bff82533b1928b7d1d69e01f1b00ffd2a4e" @@ -3033,6 +3628,11 @@ 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= +nice-try@^1.0.4: + version "1.0.5" + resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366" + integrity sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ== + 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" @@ -3143,7 +3743,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= -object-assign@4.X, object-assign@^4.1.0: +object-assign@4.X, object-assign@^4.1.0, object-assign@^4.1.1: version "4.1.1" resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863" integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM= @@ -3167,7 +3767,12 @@ object-copy@^0.1.0: define-property "^0.2.5" kind-of "^3.0.3" -object-keys@^1.0.11, object-keys@^1.0.12: +object-inspect@^1.6.0: + version "1.6.0" + resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.6.0.tgz#c70b6cbf72f274aab4c34c0c82f5167bf82cf15b" + integrity sha512-GJzfBZ6DgDAmnuaM3104jR4s1Myxr3Y3zfIyN4z3UdqN69oSRacNK8UhnobDdC+7J2AHCjGwxQubNJfE70SXXQ== + +object-keys@^1.0.11, object-keys@^1.0.12, object-keys@^1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e" integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA== @@ -3184,7 +3789,7 @@ object-visit@^1.0.0: dependencies: isobject "^3.0.0" -object.assign@^4.0.4: +object.assign@^4.0.4, object.assign@^4.1.0: version "4.1.0" resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.0.tgz#968bf1100d7956bb3ca086f006f846b3bc4008da" integrity sha512-exHJeq6kBKj58mqGyTQ9DFvrZC/eR6OwxzoM9YRoGBqrXYonaFyGiFMuc9VZrXf7DarreEwMpurG3dd+CNyW5w== @@ -3204,6 +3809,26 @@ object.defaults@^1.0.0, object.defaults@^1.1.0: for-own "^1.0.0" isobject "^3.0.0" +object.entries@^1.1.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.0.tgz#2024fc6d6ba246aee38bdb0ffd5cfbcf371b7519" + integrity sha512-l+H6EQ8qzGRxbkHOd5I/aHRhHDKoQXQ8g0BYt4uSweQU1/J6dZUOyWh9a2Vky35YCKjzmgxOzta2hH6kf9HuXA== + dependencies: + define-properties "^1.1.3" + es-abstract "^1.12.0" + function-bind "^1.1.1" + has "^1.0.3" + +object.fromentries@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.0.tgz#49a543d92151f8277b3ac9600f1e930b189d30ab" + integrity sha512-9iLiI6H083uiqUuvzyY6qrlmc/Gz8hLQFOcb/Ri/0xXFkSNS3ctV+CbE6yM2+AnkYfOB3dGjdzC0wrMLIhQICA== + dependencies: + define-properties "^1.1.2" + es-abstract "^1.11.0" + function-bind "^1.1.1" + has "^1.0.1" + object.getownpropertydescriptors@^2.0.3: version "2.0.3" resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.0.3.tgz#8758c846f5b407adab0f236e0986f14b051caa16" @@ -3267,6 +3892,13 @@ once@^1.3.0, once@^1.3.1, once@^1.3.2, once@^1.4.0: dependencies: wrappy "1" +onetime@^2.0.0: + version "2.0.1" + resolved "https://registry.yarnpkg.com/onetime/-/onetime-2.0.1.tgz#067428230fd67443b2794b22bba528b6867962d4" + integrity sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ= + dependencies: + mimic-fn "^1.0.0" + openurl@1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/openurl/-/openurl-1.1.1.tgz#3875b4b0ef7a52c156f0db41d4609dbb0f94b387" @@ -3279,6 +3911,18 @@ opn@5.3.0: dependencies: is-wsl "^1.1.0" +optionator@^0.8.2: + version "0.8.2" + resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.2.tgz#364c5e409d3f4d6301d6c0b4c05bba50180aeb64" + integrity sha1-NkxeQJ0/TWMB1sC0wFu6UBgK62Q= + dependencies: + deep-is "~0.1.3" + fast-levenshtein "~2.0.4" + levn "~0.3.0" + prelude-ls "~1.1.2" + type-check "~0.3.2" + wordwrap "~1.0.0" + ordered-read-streams@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/ordered-read-streams/-/ordered-read-streams-1.0.1.tgz#77c0cb37c41525d64166d990ffad7ec6a0e1363e" @@ -3298,7 +3942,7 @@ os-locale@^1.4.0: dependencies: lcid "^1.0.0" -os-tmpdir@^1.0.0: +os-tmpdir@^1.0.0, os-tmpdir@~1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274" integrity sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ= @@ -3311,6 +3955,51 @@ osenv@^0.1.4: os-homedir "^1.0.0" os-tmpdir "^1.0.0" +p-limit@^1.1.0: + version "1.3.0" + resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-1.3.0.tgz#b86bd5f0c25690911c7590fcbfc2010d54b3ccb8" + integrity sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q== + dependencies: + p-try "^1.0.0" + +p-limit@^2.0.0: + version "2.2.1" + resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.2.1.tgz#aa07a788cc3151c939b5131f63570f0dd2009537" + integrity sha512-85Tk+90UCVWvbDavCLKPOLC9vvY8OwEX/RtKF+/1OADJMVlFfEHOiMTPVyxg7mk/dKa+ipdHm0OUkTvCpMTuwg== + dependencies: + p-try "^2.0.0" + +p-locate@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43" + integrity sha1-IKAQOyIqcMj9OcwuWAaA893l7EM= + dependencies: + p-limit "^1.1.0" + +p-locate@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4" + integrity sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ== + dependencies: + p-limit "^2.0.0" + +p-try@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/p-try/-/p-try-1.0.0.tgz#cbc79cdbaf8fd4228e13f621f2b1a237c1b207b3" + integrity sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M= + +p-try@^2.0.0: + version "2.2.0" + resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6" + integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ== + +parent-module@^1.0.0: + version "1.0.1" + resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2" + integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g== + dependencies: + callsites "^3.0.0" + parse-filepath@^1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/parse-filepath/-/parse-filepath-1.0.2.tgz#a632127f53aaf3d15876f5872f3ffac763d6c891" @@ -3391,11 +4080,21 @@ path-exists@^2.0.0: dependencies: pinkie-promise "^2.0.0" +path-exists@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515" + integrity sha1-zg6+ql94yxiSXqfYENe1mwEP1RU= + path-is-absolute@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f" integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18= +path-key@^2.0.1: + version "2.0.1" + resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40" + integrity sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A= + path-parse@^1.0.6: version "1.0.6" resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c" @@ -3422,11 +4121,23 @@ path-type@^1.0.0: pify "^2.0.0" pinkie-promise "^2.0.0" +path-type@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/path-type/-/path-type-2.0.0.tgz#f012ccb8415b7096fc2daa1054c3d72389594c73" + integrity sha1-8BLMuEFbcJb8LaoQVMPXI4lZTHM= + dependencies: + 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= +pify@^4.0.1: + version "4.0.1" + resolved "https://registry.yarnpkg.com/pify/-/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231" + integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g== + pinkie-promise@^2.0.0: version "2.0.1" resolved "https://registry.yarnpkg.com/pinkie-promise/-/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa" @@ -3439,6 +4150,30 @@ pinkie@^2.0.0: resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870" integrity sha1-clVrgM+g1IqXToDnckjoDtT3+HA= +pkg-conf@^3.1.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/pkg-conf/-/pkg-conf-3.1.0.tgz#d9f9c75ea1bae0e77938cde045b276dac7cc69ae" + integrity sha512-m0OTbR/5VPNPqO1ph6Fqbj7Hv6QU7gR/tQW40ZqrL1rjgCU85W6C1bJn0BItuJqnR98PWzw7Z8hHeChD1WrgdQ== + dependencies: + find-up "^3.0.0" + load-json-file "^5.2.0" + +pkg-config@^1.1.0: + version "1.1.1" + resolved "https://registry.yarnpkg.com/pkg-config/-/pkg-config-1.1.1.tgz#557ef22d73da3c8837107766c52eadabde298fe4" + integrity sha1-VX7yLXPaPIg3EHdmxS6tq94pj+Q= + dependencies: + debug-log "^1.0.0" + find-root "^1.0.0" + xtend "^4.0.1" + +pkg-dir@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-2.0.0.tgz#f6d5d1109e19d63edf428e0bd57e12777615334b" + integrity sha1-9tXREJ4Z1j7fQo4L1X4Sd3YVM0s= + dependencies: + find-up "^2.1.0" + plugin-error@^0.1.2: version "0.1.2" resolved "https://registry.yarnpkg.com/plugin-error/-/plugin-error-0.1.2.tgz#3b9bb3335ccf00f425e07437e19276967da47ace" @@ -3818,6 +4553,11 @@ postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.2, postcss@^7.0.5: source-map "^0.6.1" supports-color "^6.1.0" +prelude-ls@~1.1.2: + version "1.1.2" + resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54" + integrity sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ= + preserve@^0.2.0: version "0.2.0" resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b" @@ -3845,6 +4585,20 @@ 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== +progress@^2.0.0: + version "2.0.3" + resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8" + integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA== + +prop-types@^15.7.2: + version "15.7.2" + resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5" + integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ== + dependencies: + loose-envify "^1.4.0" + object-assign "^4.1.1" + react-is "^16.8.1" + pump@^2.0.0: version "2.0.1" resolved "https://registry.yarnpkg.com/pump/-/pump-2.0.1.tgz#12399add6e4cf7526d973cbc8b5ce2e2908b3909" @@ -3862,6 +4616,11 @@ pumpify@^1.3.5: inherits "^2.0.3" pump "^2.0.0" +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" @@ -3906,6 +4665,11 @@ rc@^1.2.7: minimist "^1.2.0" strip-json-comments "~2.0.1" +react-is@^16.8.1: + version "16.10.1" + resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.10.1.tgz#0612786bf19df406502d935494f0450b40b8294f" + integrity sha512-BXUMf9sIOPXXZWqr7+c5SeOKJykyVr2u0UDzEf4LNGc6taGkQe1A9DFD07umCIXz45RLr9oAAwZbAJ0Pkknfaw== + read-cache@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774" @@ -3921,6 +4685,14 @@ read-pkg-up@^1.0.1: find-up "^1.0.0" read-pkg "^1.0.0" +read-pkg-up@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-2.0.0.tgz#6b72a8048984e0c41e79510fd5e9fa99b3b549be" + integrity sha1-a3KoBImE4MQeeVEP1en6mbO1Sb4= + dependencies: + find-up "^2.0.0" + read-pkg "^2.0.0" + read-pkg@^1.0.0: version "1.1.0" resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-1.1.0.tgz#f5ffaa5ecd29cb31c0474bca7d756b6bb29e3f28" @@ -3930,6 +4702,15 @@ read-pkg@^1.0.0: normalize-package-data "^2.3.2" path-type "^1.0.0" +read-pkg@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-2.0.0.tgz#8ef1c0623c6a6db0dc6713c4bfac46332b2368f8" + integrity sha1-jvHAYjxqbbDcZxPEv6xGMysjaPg= + dependencies: + load-json-file "^2.0.0" + normalize-package-data "^2.3.2" + path-type "^2.0.0" + readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.5, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.5, readable-stream@^2.3.6, readable-stream@~2.3.6: version "2.3.6" resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.6.tgz#b11c27d88b8ff1fbe070643cf94b0c79ae1b0aaf" @@ -3993,6 +4774,16 @@ regex-not@^1.0.0, regex-not@^1.0.2: extend-shallow "^3.0.2" safe-regex "^1.1.0" +regexpp@^2.0.1: + version "2.0.1" + resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-2.0.1.tgz#8d19d31cf632482b589049f8281f93dbcba4d07f" + integrity sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw== + +regexpp@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.0.0.tgz#dd63982ee3300e67b41c1956f850aa680d9d330e" + integrity sha512-Z+hNr7RAVWxznLPuA7DIh8UNX1j9CDrUQxskw9IrBE1Dxue2lyXT+shqEIeLUjrokxIP8CMy1WkjgG3rTsd5/g== + remove-bom-buffer@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/remove-bom-buffer/-/remove-bom-buffer-3.0.0.tgz#c2bf1e377520d324f623892e33c10cac2c252b53" @@ -4077,6 +4868,11 @@ resolve-from@^3.0.0: resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-3.0.0.tgz#b22c7af7d9d6881bc8b6e653335eebcb0a188748" integrity sha1-six699nWiBvItuZTM17rywoYh0g= +resolve-from@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6" + integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g== + resolve-options@^1.1.0: version "1.1.0" resolved "https://registry.yarnpkg.com/resolve-options/-/resolve-options-1.1.0.tgz#32bb9e39c06d67338dc9378c0d6d6074566ad131" @@ -4096,6 +4892,13 @@ resolve@^1.1.6, resolve@^1.1.7, resolve@^1.10.0, resolve@^1.4.0: dependencies: path-parse "^1.0.6" +resolve@^1.10.1, resolve@^1.11.0, resolve@^1.5.0: + version "1.12.0" + resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.12.0.tgz#3fc644a35c84a48554609ff26ec52b66fa577df6" + integrity sha512-B/dOmuoAik5bKcD6s6nXDCjzUKnaDvdkRyAk6rsmsKLipWj4797iothd7jmmUhWTfinVMU+wc56rYKsit2Qy4w== + dependencies: + path-parse "^1.0.6" + resp-modifier@6.0.2: version "6.0.2" resolved "https://registry.yarnpkg.com/resp-modifier/-/resp-modifier-6.0.2.tgz#b124de5c4fbafcba541f48ffa73970f4aa456b4f" @@ -4104,6 +4907,14 @@ resp-modifier@6.0.2: debug "^2.2.0" minimatch "^3.0.2" +restore-cursor@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-2.0.0.tgz#9f7ee287f82fd326d4fd162923d62129eee0dfaf" + integrity sha1-n37ih/gv0ybU/RYpI9YhKe7g368= + dependencies: + onetime "^2.0.0" + signal-exit "^3.0.2" + ret@~0.1.10: version "0.1.15" resolved "https://registry.yarnpkg.com/ret/-/ret-0.1.15.tgz#b8a4825d5bdb1fc3f6f53c2bc33f81388681c7bc" @@ -4119,13 +4930,25 @@ rgba-regex@^1.0.0: resolved "https://registry.yarnpkg.com/rgba-regex/-/rgba-regex-1.0.0.tgz#43374e2e2ca0968b0ef1523460b7d730ff22eeb3" integrity sha1-QzdOLiyglosO8VI0YLfXMP8i7rM= -rimraf@^2.6.1: +rimraf@2.6.3, 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== dependencies: glob "^7.1.3" +run-async@^2.2.0: + version "2.3.0" + resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.3.0.tgz#0371ab4ae0bdd720d4166d7dfda64ff7a445a6c0" + integrity sha1-A3GrSuC91yDUFm19/aZP96RFpsA= + dependencies: + is-promise "^2.1.0" + +run-parallel@^1.1.2: + version "1.1.9" + resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.1.9.tgz#c9dd3a7cf9f4b2c4b6244e173a6ed866e61dd679" + integrity sha512-DEqnSRTDw/Tc3FXf49zedI638Z9onwUotBMiUFKmrO2sdFKIbXamXGQ3Axd4qgphxKB4kw/qP1w5kTxnfU1B9Q== + rx@4.1.0: version "4.1.0" resolved "https://registry.yarnpkg.com/rx/-/rx-4.1.0.tgz#a5f13ff79ef3b740fe30aa803fb09f98805d4782" @@ -4138,6 +4961,13 @@ rxjs@^5.5.6: dependencies: symbol-observable "1.0.1" +rxjs@^6.4.0: + version "6.5.3" + resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.5.3.tgz#510e26317f4db91a7eb1de77d9dd9ba0a4899a3a" + integrity sha512-wuYsAYYFdWTAnAaPoKGNhfpWwKZbJW+HgAJ+mImp+Epl7BG8oNWBCTyRM8gba9k4lk8BgWdoYm21Mo/RYhhbgA== + dependencies: + tslib "^1.9.0" + 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" @@ -4172,6 +5002,16 @@ 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.5.0: + version "5.7.1" + resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7" + integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ== + +semver@^6.1.0, semver@^6.1.2: + version "6.3.0" + resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d" + integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw== + send@0.16.2: version "0.16.2" resolved "https://registry.yarnpkg.com/send/-/send-0.16.2.tgz#6ecca1e0f8c156d141597559848df64730a6bbc1" @@ -4249,7 +5089,19 @@ setprototypeof@1.1.0: resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656" integrity sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ== -signal-exit@^3.0.0: +shebang-command@^1.2.0: + version "1.2.0" + resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea" + integrity sha1-RKrGW2lbAzmJaMOfNj/uXer98eo= + dependencies: + shebang-regex "^1.0.0" + +shebang-regex@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3" + integrity sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM= + +signal-exit@^3.0.0, signal-exit@^3.0.2: version "3.0.2" resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d" integrity sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0= @@ -4261,6 +5113,15 @@ simple-swizzle@^0.2.2: dependencies: is-arrayish "^0.3.1" +slice-ansi@^2.1.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-2.1.0.tgz#cacd7693461a637a5788d92a7dd4fba068e81636" + integrity sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ== + dependencies: + ansi-styles "^3.2.0" + astral-regex "^1.0.0" + is-fullwidth-code-point "^2.0.0" + snapdragon-node@^2.0.1: version "2.1.1" resolved "https://registry.yarnpkg.com/snapdragon-node/-/snapdragon-node-2.1.1.tgz#6c175f86ff14bdb0724563e8f3c1b021a286853b" @@ -4445,6 +5306,31 @@ stack-trace@0.0.10: resolved "https://registry.yarnpkg.com/stack-trace/-/stack-trace-0.0.10.tgz#547c70b347e8d32b4e108ea1a2a159e5fdde19c0" integrity sha1-VHxws0fo0ytOEI6hoqFZ5f3eGcA= +standard-engine@^12.0.0: + version "12.0.0" + resolved "https://registry.yarnpkg.com/standard-engine/-/standard-engine-12.0.0.tgz#1643dceba96ca9c04c535a1fb28d79bfb21b3572" + integrity sha512-gJIIRb0LpL7AHyGbN9+hJ4UJns37lxmNTnMGRLC8CFrzQ+oB/K60IQjKNgPBCB2VP60Ypm6f8DFXvhVWdBOO+g== + dependencies: + deglob "^4.0.0" + get-stdin "^7.0.0" + minimist "^1.1.0" + pkg-conf "^3.1.0" + +standard@^14.3.1: + version "14.3.1" + resolved "https://registry.yarnpkg.com/standard/-/standard-14.3.1.tgz#f6a5d9244fbb6b76d0c2dbcc1048a03c863038b6" + integrity sha512-TUQwU7znlZLfgKH1Zwn/D84FitWZkUTfbxSiz/vFx+4c9GV+clSfG/qLiLZOlcdyzhw3oF5/pZydNjbNDfHPEw== + dependencies: + eslint "~6.4.0" + eslint-config-standard "14.1.0" + eslint-config-standard-jsx "8.1.0" + eslint-plugin-import "~2.18.0" + eslint-plugin-node "~10.0.0" + eslint-plugin-promise "~4.2.1" + eslint-plugin-react "~7.14.2" + eslint-plugin-standard "~4.0.0" + standard-engine "^12.0.0" + static-extend@^0.1.1: version "0.1.2" resolved "https://registry.yarnpkg.com/static-extend/-/static-extend-0.1.2.tgz#60809c39cbff55337226fd5e0b520f341f1fb5c6" @@ -4502,7 +5388,7 @@ string-width@^1.0.1, string-width@^1.0.2: is-fullwidth-code-point "^1.0.0" strip-ansi "^3.0.0" -"string-width@^1.0.2 || 2": +"string-width@^1.0.2 || 2", string-width@^2.1.0: version "2.1.1" resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e" integrity sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw== @@ -4510,6 +5396,31 @@ string-width@^1.0.1, string-width@^1.0.2: is-fullwidth-code-point "^2.0.0" strip-ansi "^4.0.0" +string-width@^3.0.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961" + integrity sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w== + dependencies: + emoji-regex "^7.0.1" + is-fullwidth-code-point "^2.0.0" + strip-ansi "^5.1.0" + +string.prototype.trimleft@^2.1.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/string.prototype.trimleft/-/string.prototype.trimleft-2.1.0.tgz#6cc47f0d7eb8d62b0f3701611715a3954591d634" + integrity sha512-FJ6b7EgdKxxbDxc79cOlok6Afd++TTs5szo+zJTUyow3ycrRfJVE2pq3vcN53XexvKZu/DJMDfeI/qMiZTrjTw== + dependencies: + define-properties "^1.1.3" + function-bind "^1.1.1" + +string.prototype.trimright@^2.1.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/string.prototype.trimright/-/string.prototype.trimright-2.1.0.tgz#669d164be9df9b6f7559fa8e89945b168a5a6c58" + integrity sha512-fXZTSV55dNBwv16uw+hh5jkghxSnc5oHq+5K/gXgizHwAvMetdAJlHqqoFC1FSDVPYWLkAKl2cxpUT41sV7nSg== + dependencies: + define-properties "^1.1.3" + function-bind "^1.1.1" + string_decoder@^1.1.1: version "1.2.0" resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.2.0.tgz#fe86e738b19544afe70469243b2a1ee9240eae8d" @@ -4543,6 +5454,13 @@ strip-ansi@^4.0.0: dependencies: ansi-regex "^3.0.0" +strip-ansi@^5.1.0, strip-ansi@^5.2.0: + version "5.2.0" + resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae" + integrity sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA== + dependencies: + ansi-regex "^4.1.0" + strip-bom-string@1.X: version "1.0.0" resolved "https://registry.yarnpkg.com/strip-bom-string/-/strip-bom-string-1.0.0.tgz#e5211e9224369fbb81d633a2f00044dc8cedad92" @@ -4555,6 +5473,16 @@ strip-bom@^2.0.0: dependencies: is-utf8 "^0.2.0" +strip-bom@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3" + integrity sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM= + +strip-json-comments@^3.0.1: + version "3.0.1" + resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.0.1.tgz#85713975a91fb87bf1b305cca77395e40d2a64a7" + integrity sha512-VTyMAUfdm047mwKl+u79WIdrZxtFtn+nBxHeb844XBQ9uMNTuTHdx2hc5RiAJYqwTj3wc/xe5HLSdJSkJ+WfZw== + 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" @@ -4621,6 +5549,16 @@ symbol-observable@1.0.1: resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.0.1.tgz#8340fc4702c3122df5d22288f88283f513d3fdd4" integrity sha1-g0D8RwLDEi310iKI+IKD9RPT/dQ= +table@^5.2.3: + version "5.4.6" + resolved "https://registry.yarnpkg.com/table/-/table-5.4.6.tgz#1292d19500ce3f86053b05f0e8e7e4a3bb21079e" + integrity sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug== + dependencies: + ajv "^6.10.2" + lodash "^4.17.14" + slice-ansi "^2.1.0" + string-width "^3.0.0" + tar@^4: version "4.4.8" resolved "https://registry.yarnpkg.com/tar/-/tar-4.4.8.tgz#b19eec3fde2a96e64666df9fdb40c5ca1bc3747d" @@ -4634,6 +5572,11 @@ tar@^4: safe-buffer "^5.1.2" yallist "^3.0.2" +text-table@^0.2.0: + version "0.2.0" + resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4" + integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ= + tfunk@^3.0.1: version "3.1.0" resolved "https://registry.yarnpkg.com/tfunk/-/tfunk-3.1.0.tgz#38e4414fc64977d87afdaa72facb6d29f82f7b5b" @@ -4658,6 +5601,11 @@ through2@2.X, through2@^2.0.0, through2@^2.0.1, through2@^2.0.3, through2@~2.0.0 readable-stream "~2.3.6" xtend "~4.0.1" +through@^2.3.6: + version "2.3.8" + resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5" + integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU= + time-stamp@^1.0.0: version "1.1.0" resolved "https://registry.yarnpkg.com/time-stamp/-/time-stamp-1.1.0.tgz#764a5a11af50561921b133f3b44e618687e0f5c3" @@ -4676,6 +5624,13 @@ timsort@^0.3.0: resolved "https://registry.yarnpkg.com/timsort/-/timsort-0.3.0.tgz#405411a8e7e6339fe64db9a234de11dc31e02bd4" integrity sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q= +tmp@^0.0.33: + version "0.0.33" + resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9" + integrity sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw== + dependencies: + os-tmpdir "~1.0.2" + to-absolute-glob@^2.0.0: version "2.0.2" resolved "https://registry.yarnpkg.com/to-absolute-glob/-/to-absolute-glob-2.0.2.tgz#1865f43d9e74b0822db9f145b78cff7d0f7c849b" @@ -4721,6 +5676,23 @@ to-through@^2.0.0: dependencies: through2 "^2.0.3" +tslib@^1.9.0: + version "1.10.0" + resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.10.0.tgz#c3c19f95973fb0a62973fb09d90d961ee43e5c8a" + integrity sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ== + +type-check@~0.3.2: + version "0.3.2" + resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72" + integrity sha1-WITKtRLPHTVeP7eE8wgEsrUg23I= + dependencies: + prelude-ls "~1.1.2" + +type-fest@^0.3.0: + version "0.3.1" + resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.3.1.tgz#63d00d204e059474fe5e1b7c011112bbd1dc29e1" + integrity sha512-cUGJnCdr4STbePCgqNFbpVNCepa+kAVohJs1sLhxzdH+gnEoOd8VhbYa7pD3zZYGiURWM2xzEII3fQcRizDkYQ== + typedarray@^0.0.6: version "0.0.6" resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777" @@ -4817,6 +5789,13 @@ 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" @@ -4845,6 +5824,11 @@ utils-merge@1.0.1: resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713" integrity sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM= +v8-compile-cache@^2.0.3: + version "2.1.0" + resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.1.0.tgz#e14de37b31a6d194f5690d67efc4e7f6fc6ab30e" + integrity sha512-usZBT3PW+LOjM25wbqIlZwPeJV+3OSz3M1k1Ws8snlW39dZyYL9lOGC5FgPVHfk0jKmjiDV8Z0mIbVQPiwFs7g== + v8flags@^3.0.1: version "3.1.2" resolved "https://registry.yarnpkg.com/v8flags/-/v8flags-3.1.2.tgz#fc5cd0c227428181e6c29b2992e4f8f1da5e0c9f" @@ -4939,7 +5923,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.2.14: +which@^1.2.14, which@^1.2.9: version "1.3.1" resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a" integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ== @@ -4958,6 +5942,11 @@ window-size@^0.2.0: resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.2.0.tgz#b4315bb4214a3d7058ebeee892e13fa24d98b075" integrity sha1-tDFbtCFKPXBY6+7okuE/ok2YsHU= +wordwrap@~1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb" + integrity sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus= + wrap-ansi@^2.0.0: version "2.1.0" resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-2.1.0.tgz#d8fc3d284dd05794fe84973caecdd1cf824fdd85" @@ -4971,6 +5960,13 @@ wrappy@1: resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f" integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8= +write@1.0.3: + version "1.0.3" + resolved "https://registry.yarnpkg.com/write/-/write-1.0.3.tgz#0800e14523b923a387e415123c865616aae0f5c3" + integrity sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig== + dependencies: + mkdirp "^0.5.1" + ws@~3.3.1: version "3.3.3" resolved "https://registry.yarnpkg.com/ws/-/ws-3.3.3.tgz#f1cf84fe2d5e901ebce94efaece785f187a228f2" @@ -4992,6 +5988,11 @@ xmlhttprequest-ssl@~1.5.4: resolved "https://registry.yarnpkg.com/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.5.tgz#c2876b06168aadc40e57d97e81191ac8f4398b3e" integrity sha1-wodrBhaKrcQOV9l+gRkayPQ5iz4= +xtend@^4.0.1: + version "4.0.2" + resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54" + integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ== + xtend@~4.0.0, xtend@~4.0.1: version "4.0.1" resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.1.tgz#a5c6d532be656e23db820efb943a1f04998d63af" From 4eba6d54ac3b8adc7edcdbedf86e1eb3a859ba8a Mon Sep 17 00:00:00 2001 From: Felix Mattick Date: Wed, 2 Oct 2019 11:09:20 -0700 Subject: [PATCH 44/60] Add Standard linting and fix problems --- gulpfile.js | 20 ++++++------- package.json | 1 + script.js | 85 +++++++++++++++++++++++++++------------------------- 3 files changed, 55 insertions(+), 51 deletions(-) diff --git a/gulpfile.js b/gulpfile.js index a4193a4..a76a79f 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -15,22 +15,22 @@ const postcssImport = require('postcss-import') const postcssInlineSvg = require('postcss-inline-svg') const postcssColorModFunction = require('postcss-color-mod-function').bind(null, { /* Use `.toRGBLegacy()` as other methods can result in lots of decimals */ - stringifier: color => color.toRGBLegacy(), + stringifier: color => color.toRGBLegacy() }) const paths = { srcDir: 'src/*', docsDir: '*', - styles: { src: 'src/builds/*.css', dest: 'dist' }, + styles: { src: 'src/builds/*.css', dest: 'dist' } } // https://stackoverflow.com/a/20732091 -function humanFileSize(size) { +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] } -function formatByteMessage(source, data) { +function formatByteMessage (source, data) { const prettyStartSize = humanFileSize(data.startSize) let message = '' @@ -48,7 +48,7 @@ function formatByteMessage(source, data) { return chalk`{cyan ${source.padStart(12, ' ')}}: {bold ${data.fileName}} ${message}` } -function style() { +function style () { const isLegacy = path => /legacy/.test(path) const excludeModern = filter(file => isLegacy(file.path), { restore: true }) @@ -70,7 +70,7 @@ function style() { .pipe(bytediff.start()) // autoprefix .pipe(postcss([autoprefixer({ - env: "legacy" + env: 'legacy' })])) // Write the amount gained by autoprefixing .pipe(bytediff.stop(data => formatByteMessage('autoprefixer', data))) @@ -82,7 +82,7 @@ function style() { .pipe(bytediff.start()) // autoprefix modern builds .pipe(postcss([autoprefixer({ - env: "modern" + env: 'modern' })])) // Write the amount gained by autoprefixing .pipe(bytediff.stop(data => formatByteMessage('autoprefixer', data))) @@ -114,14 +114,14 @@ function style() { ) } -function watch() { +function watch () { style() browserSync.init({ server: { - baseDir: './', + baseDir: './' }, - startPath: 'index.html', + startPath: 'index.html' }) gulp.watch(paths.srcDir, style) diff --git a/package.json b/package.json index f66011e..eaca7f1 100644 --- a/package.json +++ b/package.json @@ -6,6 +6,7 @@ "scripts": { "build": "gulp style", "dev": "gulp watch", + "lint": "standard --fix", "prepublishOnly": "yarn build" }, "repository": { diff --git a/script.js b/script.js index 7f0c1ac..bc328ac 100644 --- a/script.js +++ b/script.js @@ -1,4 +1,6 @@ -!(function() { +/* global matchMedia, faviconModeSwitcher */ + +(function () { const iconModeSwitcher = window.faviconModeSwitcher && faviconModeSwitcher.default if (!iconModeSwitcher) return iconModeSwitcher([ @@ -16,99 +18,100 @@ } ]) })() + ;(function (ThemeSwitcher) { - const themeSwitcher = new ThemeSwitcher('stylesheet'); - const themeSwitchBtn = document.getElementById('switch'); + const themeSwitcher = new ThemeSwitcher('stylesheet') + const themeSwitchBtn = document.getElementById('switch') const themes = { dark: 'dark', darkStandalone: 'dark.standalone', light: 'light', lightStandalone: 'light.standalone' - }; + } const getSwitchThemeName = function () { // Case: switch to "light.standalone.css" if ( - (themeSwitcher.current === themes.dark) && themeSwitcher.isDark || - (themeSwitcher.current === themes.light) && themeSwitcher.isDark || + ((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.dark) && themeSwitcher.isLight) || + ((themeSwitcher.current === themes.light) && themeSwitcher.isLight) || themeSwitcher.current === themes.lightStandalone ) { - return themes.darkStandalone; + return themes.darkStandalone // Case: switch to "light.css" } else if (themeSwitcher.current === themes.dark) { - return themes.light; + return themes.light // Case: switch to "dark.css" } else if (themeSwitcher.current === themes.light) { - return themes.dark; + return themes.dark // Case: switch destination is unknown } else { - return themeSwitcher.current; + return themeSwitcher.current } - }; + } const getGeneralThemeName = function () { - return themeSwitcher.current.replace(/\.standalone/g, ''); - }; + return themeSwitcher.current.replace(/\.standalone/g, '') + } - themeSwitchBtn.addEventListener('click', function() { - themeSwitcher.switch(getSwitchThemeName()); - }); + themeSwitchBtn.addEventListener('click', function () { + themeSwitcher.switch(getSwitchThemeName()) + }) themeSwitcher.onChangeDark = function () { - themeSwitcher.switch(getGeneralThemeName()); - }; + themeSwitcher.switch(getGeneralThemeName()) + } themeSwitcher.onChangeLight = function () { - themeSwitcher.switch(getGeneralThemeName()); - }; + 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; + 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; + 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 = { switch: function (themeName) { - this.stylesheet.href = this.themeDir + themeName + '.css'; - this.current = 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'); + const reg = new RegExp(this.themeDir + '(|.+?).css') + return this.stylesheet.getAttribute('href').replace(reg, '$1') }, onChangeDark: null, onChangeLight: null - }; + } - return ThemeSwitcher; + return ThemeSwitcher })() -); +) From dbc9c50f348fb12d53069f653acc8242945bd7fe Mon Sep 17 00:00:00 2001 From: Felix Mattick Date: Wed, 2 Oct 2019 12:03:14 -0700 Subject: [PATCH 45/60] Add style linting and fix problems --- .stylelintrc | 3 + package.json | 6 +- src/variables-dark.css | 12 +- src/variables-light.css | 20 +- yarn.lock | 1058 ++++++++++++++++++++++++++++++++++++++- 5 files changed, 1051 insertions(+), 48 deletions(-) create mode 100644 .stylelintrc diff --git a/.stylelintrc b/.stylelintrc new file mode 100644 index 0000000..425b4df --- /dev/null +++ b/.stylelintrc @@ -0,0 +1,3 @@ +{ + "extends": "stylelint-config-standard" +} \ No newline at end of file diff --git a/package.json b/package.json index eaca7f1..85af0aa 100644 --- a/package.json +++ b/package.json @@ -6,7 +6,7 @@ "scripts": { "build": "gulp style", "dev": "gulp watch", - "lint": "standard --fix", + "lint": "standard --fix && stylelint \"src/*.css\" --fix", "prepublishOnly": "yarn build" }, "repository": { @@ -42,7 +42,9 @@ "postcss-css-variables": "^0.12.0", "postcss-import": "^12.0.1", "postcss-inline-svg": "^3.1.1", - "standard": "^14.3.1" + "standard": "^14.3.1", + "stylelint": "^11.0.0", + "stylelint-config-standard": "^19.0.0" }, "browserslist": { "legacy": [ diff --git a/src/variables-dark.css b/src/variables-dark.css index 74ca975..2f27191 100755 --- a/src/variables-dark.css +++ b/src/variables-dark.css @@ -2,28 +2,20 @@ --background-body: #202b38; --background: #161f27; --background-alt: #1a242f; - --selection: #161f27; - --text-main: #dbdbdb; - --text-bright: #ffffff; - + --text-bright: #fff; --links: #41adff; --focus: #0096bfab; --border: #dbdbdb; --code: #ffbe85; - --animation-duration: 0.1s; --button-hover: #324759; - --scrollbar-thumb: var(--button-hover); --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%)); - --form-placeholder: #a9a9a9; - --form-text: #ffffff; - + --form-text: #fff; --variable: #d941e2; --highlight: #efdb43; - --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef); } diff --git a/src/variables-light.css b/src/variables-light.css index b630cd9..9adb808 100755 --- a/src/variables-light.css +++ b/src/variables-light.css @@ -1,29 +1,21 @@ :root { - --background-body: #ffffff; + --background-body: #fff; --background: #efefef; --background-alt: #f7f7f7; - --selection: #9e9e9e; - --text-main: #363636; - --text-bright: #000000; - + --text-bright: #000; --links: #0076d1; --focus: #0096bfab; --border: #dbdbdb; - --code: #000000; - + --code: #000; --animation-duration: 0.1s; - --button-hover: #dddddd; - + --button-hover: #ddd; --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; - + --form-text: #000; --variable: #39a33c; - --highlight: #ffff00; - + --highlight: #ff0; --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27); } diff --git a/yarn.lock b/yarn.lock index 5c32673..65f6a85 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2,13 +2,75 @@ # yarn lockfile v1 -"@babel/code-frame@^7.0.0": +"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.5.5": version "7.5.5" resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.5.5.tgz#bc0782f6d69f7b7d49531219699b988f669a8f9d" integrity sha512-27d4lZoomVyo51VegxI20xZPuSHusqbQag/ztrBC7wegWoQ1nLREPVSKSW8byhTlzTKyNE4ifaTA6lCp7JjpFw== dependencies: "@babel/highlight" "^7.0.0" +"@babel/core@>=7.2.2": + version "7.6.2" + resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.6.2.tgz#069a776e8d5e9eefff76236bc8845566bd31dd91" + integrity sha512-l8zto/fuoZIbncm+01p8zPSDZu/VuuJhAfA7d/AbzM09WR7iVhavvfNDYCNpo1VvLk6E6xgAoP9P+/EMJHuRkQ== + dependencies: + "@babel/code-frame" "^7.5.5" + "@babel/generator" "^7.6.2" + "@babel/helpers" "^7.6.2" + "@babel/parser" "^7.6.2" + "@babel/template" "^7.6.0" + "@babel/traverse" "^7.6.2" + "@babel/types" "^7.6.0" + convert-source-map "^1.1.0" + debug "^4.1.0" + json5 "^2.1.0" + lodash "^4.17.13" + resolve "^1.3.2" + semver "^5.4.1" + source-map "^0.5.0" + +"@babel/generator@^7.6.2": + version "7.6.2" + resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.6.2.tgz#dac8a3c2df118334c2a29ff3446da1636a8f8c03" + integrity sha512-j8iHaIW4gGPnViaIHI7e9t/Hl8qLjERI6DcV9kEpAIDJsAOrcnXqRS7t+QbhL76pwbtqP+QCQLL0z1CyVmtjjQ== + dependencies: + "@babel/types" "^7.6.0" + jsesc "^2.5.1" + lodash "^4.17.13" + source-map "^0.5.0" + +"@babel/helper-function-name@^7.1.0": + version "7.1.0" + resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.1.0.tgz#a0ceb01685f73355d4360c1247f582bfafc8ff53" + integrity sha512-A95XEoCpb3TO+KZzJ4S/5uW5fNe26DjBGqf1o9ucyLyCmi1dXq/B3c8iaWTfBk3VvetUxl16e8tIrd5teOCfGw== + dependencies: + "@babel/helper-get-function-arity" "^7.0.0" + "@babel/template" "^7.1.0" + "@babel/types" "^7.0.0" + +"@babel/helper-get-function-arity@^7.0.0": + version "7.0.0" + resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.0.0.tgz#83572d4320e2a4657263734113c42868b64e49c3" + integrity sha512-r2DbJeg4svYvt3HOS74U4eWKsUAMRH01Z1ds1zx8KNTPtpTL5JAsdFv8BNyOpVqdFhHkkRDIg5B4AsxmkjAlmQ== + dependencies: + "@babel/types" "^7.0.0" + +"@babel/helper-split-export-declaration@^7.4.4": + version "7.4.4" + resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.4.4.tgz#ff94894a340be78f53f06af038b205c49d993677" + integrity sha512-Ro/XkzLf3JFITkW6b+hNxzZ1n5OQ80NvIUdmHspih1XAhtN3vPTuUFT4eQnela+2MaZ5ulH+iyP513KJrxbN7Q== + dependencies: + "@babel/types" "^7.4.4" + +"@babel/helpers@^7.6.2": + version "7.6.2" + resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.6.2.tgz#681ffe489ea4dcc55f23ce469e58e59c1c045153" + integrity sha512-3/bAUL8zZxYs1cdX2ilEE0WobqbCmKWr/889lf2SS0PpDcpEIY8pb1CCyz0pEcX3pEb+MCbks1jIokz2xLtGTA== + dependencies: + "@babel/template" "^7.6.0" + "@babel/traverse" "^7.6.2" + "@babel/types" "^7.6.0" + "@babel/highlight@^7.0.0": version "7.5.0" resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.5.0.tgz#56d11312bd9248fa619591d02472be6e8cb32540" @@ -18,6 +80,44 @@ esutils "^2.0.2" js-tokens "^4.0.0" +"@babel/parser@^7.6.0", "@babel/parser@^7.6.2": + version "7.6.2" + resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.6.2.tgz#205e9c95e16ba3b8b96090677a67c9d6075b70a1" + integrity sha512-mdFqWrSPCmikBoaBYMuBulzTIKuXVPtEISFbRRVNwMWpCms/hmE2kRq0bblUHaNRKrjRlmVbx1sDHmjmRgD2Xg== + +"@babel/template@^7.1.0", "@babel/template@^7.6.0": + version "7.6.0" + resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.6.0.tgz#7f0159c7f5012230dad64cca42ec9bdb5c9536e6" + integrity sha512-5AEH2EXD8euCk446b7edmgFdub/qfH1SN6Nii3+fyXP807QRx9Q73A2N5hNwRRslC2H9sNzaFhsPubkS4L8oNQ== + dependencies: + "@babel/code-frame" "^7.0.0" + "@babel/parser" "^7.6.0" + "@babel/types" "^7.6.0" + +"@babel/traverse@^7.6.2": + version "7.6.2" + resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.6.2.tgz#b0e2bfd401d339ce0e6c05690206d1e11502ce2c" + integrity sha512-8fRE76xNwNttVEF2TwxJDGBLWthUkHWSldmfuBzVRmEDWOtu4XdINTgN7TDWzuLg4bbeIMLvfMFD9we5YcWkRQ== + dependencies: + "@babel/code-frame" "^7.5.5" + "@babel/generator" "^7.6.2" + "@babel/helper-function-name" "^7.1.0" + "@babel/helper-split-export-declaration" "^7.4.4" + "@babel/parser" "^7.6.2" + "@babel/types" "^7.6.0" + debug "^4.1.0" + globals "^11.1.0" + lodash "^4.17.13" + +"@babel/types@^7.0.0", "@babel/types@^7.4.4", "@babel/types@^7.6.0": + version "7.6.1" + resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.6.1.tgz#53abf3308add3ac2a2884d539151c57c4b3ac648" + integrity sha512-X7gdiuaCmA0uRjCmRtYJNAVCc/q+5xSgsfKJHqMN4iNLILX39677fJE1O40arPMh0TTtS9ItH67yre6c7k6t0g== + dependencies: + esutils "^2.0.2" + lodash "^4.17.13" + to-fast-properties "^2.0.0" + "@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" @@ -42,11 +142,70 @@ normalize-path "^2.0.1" through2 "^2.0.3" +"@mrmlnc/readdir-enhanced@^2.2.1": + version "2.2.1" + resolved "https://registry.yarnpkg.com/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz#524af240d1a360527b730475ecfa1344aa540dde" + integrity sha512-bPHp6Ji8b41szTOcaP63VlnbbO5Ny6dwAATtY6JTjh5N2OLrb5Qk/Th5cRkRQhkWCt+EJsYrNB0MiL+Gpn6e3g== + dependencies: + call-me-maybe "^1.0.1" + glob-to-regexp "^0.3.0" + +"@nodelib/fs.stat@^1.1.2": + version "1.1.3" + resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz#2b5a3ab3f918cca48a8c754c08168e3f03eba61b" + integrity sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw== + +"@types/events@*": + version "3.0.0" + resolved "https://registry.yarnpkg.com/@types/events/-/events-3.0.0.tgz#2862f3f58a9a7f7c3e78d79f130dd4d71c25c2a7" + integrity sha512-EaObqwIvayI5a8dCzhFrjKzVwKLxjoG9T6Ppd5CEo07LRKfQ8Yokw54r5+Wq7FaBQ+yXRvQAYPrHwya1/UFt9g== + +"@types/glob@^7.1.1": + version "7.1.1" + resolved "https://registry.yarnpkg.com/@types/glob/-/glob-7.1.1.tgz#aa59a1c6e3fbc421e07ccd31a944c30eba521575" + integrity sha512-1Bh06cbWJUHMC97acuD6UMG29nMt0Aqz1vF3guLfG+kHHJhy3AyohZFFxYk2f7Q1SQIrNwvncxAE0N/9s70F2w== + dependencies: + "@types/events" "*" + "@types/minimatch" "*" + "@types/node" "*" + +"@types/minimatch@*": + version "3.0.3" + resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d" + integrity sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA== + +"@types/node@*": + version "12.7.9" + resolved "https://registry.yarnpkg.com/@types/node/-/node-12.7.9.tgz#da0210f91096aa67138cf5afd04c4d629f8a406a" + integrity sha512-P57oKTJ/vYivL2BCfxCC5tQjlS8qW31pbOL6qt99Yrjm95YdHgNZwjrTTjMBh+C2/y6PXIX4oz253+jUzxKKfQ== + "@types/q@^1.5.1": version "1.5.2" resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.2.tgz#690a1475b84f2a884fd07cd797c00f5f31356ea8" integrity sha512-ce5d3q03Ex0sy4R14722Rmt6MT07Ua+k4FwDfdcToYJcMKNtRVQvJ6JCAPdAmAnbRb6CsX6aYb9m96NGod9uTw== +"@types/unist@*", "@types/unist@^2.0.0": + version "2.0.3" + resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.3.tgz#9c088679876f374eb5983f150d4787aa6fb32d7e" + integrity sha512-FvUupuM3rlRsRtCN+fDudtmytGO6iHJuuRKS1Ss0pG5z8oX0diNEw94UEL7hgDbpN94rgaK5R7sWm6RrSkZuAQ== + +"@types/vfile-message@*": + version "1.0.1" + resolved "https://registry.yarnpkg.com/@types/vfile-message/-/vfile-message-1.0.1.tgz#e1e9895cc6b36c462d4244e64e6d0b6eaf65355a" + integrity sha512-mlGER3Aqmq7bqR1tTTIVHq8KSAFFRyGbrxuM8C/H82g6k7r2fS+IMEkIu3D7JHzG10NvPdR8DNx0jr0pwpp4dA== + dependencies: + "@types/node" "*" + "@types/unist" "*" + +"@types/vfile@^3.0.0": + version "3.0.2" + resolved "https://registry.yarnpkg.com/@types/vfile/-/vfile-3.0.2.tgz#19c18cd232df11ce6fa6ad80259bc86c366b09b9" + integrity sha512-b3nLFGaGkJ9rzOcuXRfHkZMdjsawuDD0ENL9fzTophtBg8FJHSGbH7daXkEpcwy3v7Xol3pAvsmlYyFhR4pqJw== + dependencies: + "@types/node" "*" + "@types/unist" "*" + "@types/vfile-message" "*" + abbrev@1: version "1.1.1" resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8" @@ -259,6 +418,11 @@ 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-includes@^3.0.3: version "3.0.3" resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.0.3.tgz#184b48f62d92d7452bb31b323165c7f8bd02266d" @@ -301,7 +465,7 @@ array-sort@^1.0.0: get-value "^2.0.6" kind-of "^5.0.2" -array-union@^1.0.1: +array-union@^1.0.1, array-union@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39" integrity sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk= @@ -328,7 +492,7 @@ 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: +arrify@^1.0.0, arrify@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d" integrity sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0= @@ -425,6 +589,11 @@ backo2@1.0.2: resolved "https://registry.yarnpkg.com/backo2/-/backo2-1.0.2.tgz#31ab1ac8b129363463e35b3ebb69f4dfcfba7947" integrity sha1-MasayLEpNjRj41s+u2n038+6eUc= +bail@^1.0.0: + version "1.0.4" + resolved "https://registry.yarnpkg.com/bail/-/bail-1.0.4.tgz#7181b66d508aa3055d3f6c13f0a0c720641dde9b" + integrity sha512-S8vuDB4w6YpRhICUDET3guPlQpaJl7od94tpZ0Fvnyp+MKW/HyDTcRDck+29C9g+d/qQHnddRH3+94kZdrW0Ww== + balanced-match@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767" @@ -518,6 +687,13 @@ braces@^2.3.1, braces@^2.3.2: split-string "^3.0.2" to-regex "^3.0.1" +braces@^3.0.1: + version "3.0.2" + resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107" + integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A== + dependencies: + fill-range "^7.0.1" + browser-sync-client@^2.26.2: version "2.26.2" resolved "https://registry.yarnpkg.com/browser-sync-client/-/browser-sync-client-2.26.2.tgz#dd0070c80bdc6d9021e89f7837ee70ed0a8acf91" @@ -625,6 +801,11 @@ cache-base@^1.0.1: union-value "^1.0.0" unset-value "^1.0.0" +call-me-maybe@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/call-me-maybe/-/call-me-maybe-1.0.1.tgz#26d208ea89e37b5cbde60250a15f031c16a4d66b" + integrity sha1-JtII6onje1y95gJQoV8DHBak1ms= + caller-callsite@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/caller-callsite/-/caller-callsite-2.0.0.tgz#847e0fce0a223750a9a027c54b33731ad3154134" @@ -654,11 +835,25 @@ callsites@^3.0.0: resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73" integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ== +camelcase-keys@^4.0.0: + version "4.2.0" + resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-4.2.0.tgz#a2aa5fb1af688758259c32c141426d78923b9b77" + integrity sha1-oqpfsa9oh1glnDLBQUJteJI7m3c= + dependencies: + camelcase "^4.1.0" + map-obj "^2.0.0" + quick-lru "^1.0.0" + camelcase@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-3.0.0.tgz#32fc4b9fcdaf845fcdf7e73bb97cac2261f0ab0a" integrity sha1-MvxLn82vhF/N9+c7uXysImHwqwo= +camelcase@^4.1.0: + version "4.1.0" + resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd" + integrity sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0= + caniuse-api@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-3.0.0.tgz#5e4d90e2274961d46291997df599e3ed008ee4c0" @@ -674,6 +869,11 @@ 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== +ccount@^1.0.0: + version "1.0.4" + resolved "https://registry.yarnpkg.com/ccount/-/ccount-1.0.4.tgz#9cf2de494ca84060a2a8d2854edd6dfb0445f386" + integrity sha512-fpZ81yYfzentuieinmGnphk0pLkOTMm6MZdVqwd77ROvhko6iujLNGrHH5E7utq3ygWklwfmwuG+A7P+NpqT6w== + chalk@^1.0.0, chalk@^1.1.1: version "1.1.3" resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98" @@ -685,7 +885,7 @@ chalk@^1.0.0, chalk@^1.1.1: strip-ansi "^3.0.0" supports-color "^2.0.0" -chalk@^2.0.0, chalk@^2.1.0, chalk@^2.4.1, chalk@^2.4.2: +chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0, 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== @@ -694,6 +894,26 @@ chalk@^2.0.0, chalk@^2.1.0, chalk@^2.4.1, chalk@^2.4.2: escape-string-regexp "^1.0.5" supports-color "^5.3.0" +character-entities-html4@^1.0.0: + version "1.1.3" + resolved "https://registry.yarnpkg.com/character-entities-html4/-/character-entities-html4-1.1.3.tgz#5ce6e01618e47048ac22f34f7f39db5c6fd679ef" + integrity sha512-SwnyZ7jQBCRHELk9zf2CN5AnGEc2nA+uKMZLHvcqhpPprjkYhiLn0DywMHgN5ttFZuITMATbh68M6VIVKwJbcg== + +character-entities-legacy@^1.0.0: + version "1.1.3" + resolved "https://registry.yarnpkg.com/character-entities-legacy/-/character-entities-legacy-1.1.3.tgz#3c729991d9293da0ede6dddcaf1f2ce1009ee8b4" + integrity sha512-YAxUpPoPwxYFsslbdKkhrGnXAtXoHNgYjlBM3WMXkWGTl5RsY3QmOyhwAgL8Nxm9l5LBThXGawxKPn68y6/fww== + +character-entities@^1.0.0: + version "1.2.3" + resolved "https://registry.yarnpkg.com/character-entities/-/character-entities-1.2.3.tgz#bbed4a52fe7ef98cc713c6d80d9faa26916d54e6" + integrity sha512-yB4oYSAa9yLcGyTbB4ItFwHw43QHdH129IJ5R+WvxOkWlyFnR5FAaBNnUq4mcxsTVZGh28bHoeTHMKXH1wZf3w== + +character-reference-invalid@^1.0.0: + version "1.1.3" + resolved "https://registry.yarnpkg.com/character-reference-invalid/-/character-reference-invalid-1.1.3.tgz#1647f4f726638d3ea4a750cf5d1975c1c7919a85" + integrity sha512-VOq6PRzQBam/8Jm6XBGk2fNEnHXAdGd6go0rtd4weAGECBamHDwwCQSOT12TACIYUZegUXnV6xBXqUssijtxIg== + chardet@^0.7.0: version "0.7.0" resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e" @@ -766,6 +986,13 @@ clone-buffer@^1.0.0: resolved "https://registry.yarnpkg.com/clone-buffer/-/clone-buffer-1.0.0.tgz#e3e25b207ac4e701af721e2cb5a16792cac3dc58" integrity sha1-4+JbIHrE5wGvch4staFnksrD3Fg= +clone-regexp@^2.1.0: + version "2.2.0" + resolved "https://registry.yarnpkg.com/clone-regexp/-/clone-regexp-2.2.0.tgz#7d65e00885cd8796405c35a737e7a86b7429e36f" + integrity sha512-beMpP7BOtTipFuW8hrJvREQ2DrRu3BE7by0ZpibtfBA+qfHYvMGTc2Yb1JMYPKg/JUw0CHYvpg796aNTSW9z7Q== + dependencies: + is-regexp "^2.0.0" + clone-stats@^0.0.1: version "0.0.1" resolved "https://registry.yarnpkg.com/clone-stats/-/clone-stats-0.0.1.tgz#b88f94a82cf38b8791d58046ea4029ad88ca99d1" @@ -809,6 +1036,11 @@ code-point-at@^1.0.0: resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77" integrity sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c= +collapse-white-space@^1.0.2: + version "1.0.5" + resolved "https://registry.yarnpkg.com/collapse-white-space/-/collapse-white-space-1.0.5.tgz#c2495b699ab1ed380d29a1091e01063e75dbbe3a" + integrity sha512-703bOOmytCYAX9cXYqoikYIx6twmFCXsnzRQheBcTG3nzKYBR4P/+wkYeH+Mvj7qUz8zZDtdyzbxfnEi/kYzRQ== + collection-map@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/collection-map/-/collection-map-1.0.0.tgz#aea0f06f8d26c780c2b75494385544b2255af18c" @@ -929,7 +1161,7 @@ contains-path@^0.1.0: resolved "https://registry.yarnpkg.com/contains-path/-/contains-path-0.1.0.tgz#fe8cf184ff6670b6baef01a9d4861a5cbec4120a" integrity sha1-/ozxhP9mcLa67wGp1IYaXL7EEgo= -convert-source-map@1.X, convert-source-map@^1.5.0: +convert-source-map@1.X, convert-source-map@^1.1.0, convert-source-map@^1.5.0: version "1.6.0" resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.6.0.tgz#51b537a8c43e0f04dec1993bffcdd504e758ac20" integrity sha512-eFu7XigvxdZ1ETfbgPBohgyQ/Z++C0eEhTor0qRwBw9unw+L0/6V8wkSuGgzdThkiS5lSpdptOQPD8Ak40a+7A== @@ -979,6 +1211,16 @@ cosmiconfig@^5.0.0: js-yaml "^3.13.0" parse-json "^4.0.0" +cosmiconfig@^5.2.0: + version "5.2.1" + resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-5.2.1.tgz#040f726809c591e77a17c0a3626ca45b4f168b1a" + integrity sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA== + dependencies: + import-fresh "^2.0.0" + is-directory "^0.3.1" + js-yaml "^3.13.1" + parse-json "^4.0.0" + cross-spawn@^6.0.5: version "6.0.5" resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4" @@ -1149,6 +1391,13 @@ 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" @@ -1189,7 +1438,7 @@ debug@3.X, debug@^3.2.6: dependencies: ms "^2.1.1" -debug@^4.0.1: +debug@^4.0.1, debug@^4.1.0, debug@^4.1.1: version "4.1.1" resolved "https://registry.yarnpkg.com/debug/-/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791" integrity sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw== @@ -1203,7 +1452,15 @@ debug@~3.1.0: dependencies: ms "2.0.0" -decamelize@^1.1.1: +decamelize-keys@^1.0.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/decamelize-keys/-/decamelize-keys-1.1.0.tgz#d171a87933252807eb3cb61dc1c1445d078df2d9" + integrity sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk= + dependencies: + decamelize "^1.1.0" + map-obj "^1.0.0" + +decamelize@^1.1.0, decamelize@^1.1.1: version "1.2.0" resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290" integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA= @@ -1311,6 +1568,13 @@ dev-ip@^1.0.1: resolved "https://registry.yarnpkg.com/dev-ip/-/dev-ip-1.0.1.tgz#a76a3ed1855be7a012bb8ac16cb80f3c00dc28f0" integrity sha1-p2o+0YVb56ASu4rBbLgPPADcKPA= +dir-glob@^2.2.2: + version "2.2.2" + resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-2.2.2.tgz#fa09f0694153c8918b18ba0deafae94769fc50c4" + integrity sha512-f9LBi5QWzIW3I6e//uxZoLBlUt9kcp66qo0sSCxL6YZKc75R1c4MFCoe/LaZiBGmgujvQdxc5Bn3QhfyvK5Hsw== + dependencies: + path-type "^3.0.0" + doctrine@1.5.0: version "1.5.0" resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-1.5.0.tgz#379dce730f6166f76cefa4e6707a159b02c5a6fa" @@ -1435,6 +1699,11 @@ emoji-regex@^7.0.1: resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156" integrity sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA== +emoji-regex@^8.0.0: + version "8.0.0" + resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37" + integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A== + encodeurl@~1.0.1, encodeurl@~1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59" @@ -1806,6 +2075,13 @@ eventemitter3@1.x.x: resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-1.2.0.tgz#1c86991d816ad1e504750e73874224ecf3bec508" integrity sha1-HIaZHYFq0eUEdQ5zh0Ik7PO+xQg= +execall@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/execall/-/execall-2.0.0.tgz#16a06b5fe5099df7d00be5d9c06eecded1663b45" + integrity sha512-0FU2hZ5Hh6iQnarpRtQurM/aAvp3RIbfvgLHrcqJYzhXyV2KFruhuChf9NC6waAhiUR7FFtlugkI4p7f2Fqlow== + dependencies: + clone-regexp "^2.1.0" + expand-brackets@^0.1.4: version "0.1.5" resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-0.1.5.tgz#df07284e342a807cd733ac5af72411e581d1177b" @@ -1912,6 +2188,18 @@ fast-deep-equal@^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-glob@^2.2.6: + version "2.2.7" + resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-2.2.7.tgz#6953857c3afa475fff92ee6015d52da70a4cd39d" + integrity sha512-g1KuQwHOZAmOZMuBtHdxDtju+T2RT8jgCC9aANsbpdiDDTSnjgfuVsIBNKbUeJI3oKMRExcfNDtJl4OhbffMsw== + dependencies: + "@mrmlnc/readdir-enhanced" "^2.2.1" + "@nodelib/fs.stat" "^1.1.2" + glob-parent "^3.1.0" + is-glob "^4.0.0" + merge2 "^1.2.3" + micromatch "^3.1.10" + 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" @@ -1967,6 +2255,13 @@ fill-range@^4.0.0: repeat-string "^1.6.1" to-regex-range "^2.1.0" +fill-range@^7.0.1: + version "7.0.1" + resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40" + integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ== + dependencies: + to-regex-range "^5.0.1" + finalhandler@1.1.0: version "1.1.0" resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.1.0.tgz#ce0b6855b45853e791b2fcc680046d88253dd7f5" @@ -2230,6 +2525,11 @@ glob-stream@^6.1.0: to-absolute-glob "^2.0.0" unique-stream "^2.0.2" +glob-to-regexp@^0.3.0: + version "0.3.0" + resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz#8c5a1494d2066c570cc3bfe4496175acc4d502ab" + integrity sha1-jFoUlNIGbFcMw7/kSWF1rMTVAqs= + glob-watcher@^5.0.0: version "5.0.3" resolved "https://registry.yarnpkg.com/glob-watcher/-/glob-watcher-5.0.3.tgz#88a8abf1c4d131eb93928994bc4a593c2e5dd626" @@ -2275,6 +2575,13 @@ global-modules@^1.0.0: is-windows "^1.0.1" resolve-dir "^1.0.0" +global-modules@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/global-modules/-/global-modules-2.0.0.tgz#997605ad2345f27f51539bea26574421215c7780" + integrity sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A== + dependencies: + global-prefix "^3.0.0" + global-prefix@^1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-1.0.2.tgz#dbf743c6c14992593c655568cb66ed32c0122ebe" @@ -2286,11 +2593,39 @@ global-prefix@^1.0.1: is-windows "^1.0.1" which "^1.2.14" -globals@^11.7.0: +global-prefix@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-3.0.0.tgz#fc85f73064df69f50421f47f883fe5b913ba9b97" + integrity sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg== + dependencies: + ini "^1.3.5" + kind-of "^6.0.2" + which "^1.3.1" + +globals@^11.1.0, globals@^11.7.0: version "11.12.0" resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e" integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA== +globby@^9.2.0: + version "9.2.0" + resolved "https://registry.yarnpkg.com/globby/-/globby-9.2.0.tgz#fd029a706c703d29bdd170f4b6db3a3f7a7cb63d" + integrity sha512-ollPHROa5mcxDEkwg6bPt3QbEf4pDQSNtd6JPL1YvOvAo/7/0VAm9TccUeoTmarjPw4pfUthSCqcyfNB1I3ZSg== + dependencies: + "@types/glob" "^7.1.1" + array-union "^1.0.2" + dir-glob "^2.2.2" + fast-glob "^2.2.6" + glob "^7.1.3" + ignore "^4.0.3" + pify "^4.0.1" + slash "^2.0.0" + +globjoin@^0.1.4: + version "0.1.4" + resolved "https://registry.yarnpkg.com/globjoin/-/globjoin-0.1.4.tgz#2f4494ac8919e3767c5cbb691e9f463324285d43" + integrity sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM= + glogg@^1.0.0: version "1.0.2" resolved "https://registry.yarnpkg.com/glogg/-/glogg-1.0.2.tgz#2d7dd702beda22eb3bffadf880696da6d846313f" @@ -2298,6 +2633,13 @@ glogg@^1.0.0: dependencies: sparkles "^1.0.0" +gonzales-pe@^4.2.4: + version "4.2.4" + resolved "https://registry.yarnpkg.com/gonzales-pe/-/gonzales-pe-4.2.4.tgz#356ae36a312c46fe0f1026dd6cb539039f8500d2" + integrity sha512-v0Ts/8IsSbh9n1OJRnSfa7Nlxi4AkXIsWB6vPept8FDbL4bXn3FNuxjYtO/nmBGu7GDkL9MFeGebeSu6l55EPQ== + dependencies: + minimist "1.1.x" + graceful-fs@4.X, graceful-fs@^4.0.0, graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.6: version "4.1.15" resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.15.tgz#ffb703e1066e8a0eeaa4c8b80ba9253eeefbfb00" @@ -2563,7 +2905,12 @@ html-comment-regex@^1.1.0: resolved "https://registry.yarnpkg.com/html-comment-regex/-/html-comment-regex-1.1.2.tgz#97d4688aeb5c81886a364faa0cad1dda14d433a7" integrity sha512-P+M65QY2JQ5Y0G9KKdlDpo0zK+/OHptU5AaBwUfAIDJZk1MYf32Frm84EcOytfJE0t5JvkAnKlmjsXDnWzCJmQ== -htmlparser2@^3.9.0: +html-tags@^3.0.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.1.0.tgz#7b5e6f7e665e9fb41f30007ed9e0d41e97fb2140" + integrity sha512-1qYz89hW3lFDEazhjW0yVAV87lw8lVkrJocr72XmBkMKsoSVJCQx3W8BXsC7hO2qAt8BoVjYjtAcZ9perqGnNg== + +htmlparser2@^3.10.0, htmlparser2@^3.9.0: version "3.10.1" resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-3.10.1.tgz#bd679dc3f59897b6a34bb10749c855bb53a9392f" integrity sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ== @@ -2614,12 +2961,12 @@ ignore-walk@^3.0.1: dependencies: minimatch "^3.0.4" -ignore@^4.0.6: +ignore@^4.0.3, ignore@^4.0.6: version "4.0.6" resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc" integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg== -ignore@^5.0.0, ignore@^5.1.1: +ignore@^5.0.0, ignore@^5.0.6, ignore@^5.1.1: version "5.1.4" resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.4.tgz#84b7b3dbe64552b6ef0eca99f6743dbec6d97adf" integrity sha512-MzbUSahkTW1u7JpKKjY7LCARd1fU5W2rLdxlM4kdkayuCwZImjkpluF9CM1aLewYJguPDqewLam18Y6AU69A8A== @@ -2659,11 +3006,21 @@ import-from@^2.1.0: dependencies: resolve-from "^3.0.0" +import-lazy@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-4.0.0.tgz#e8eb627483a0a43da3c03f3e35548be5cb0cc153" + integrity sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw== + imurmurhash@^0.1.4: version "0.1.4" resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea" integrity sha1-khi5srkoojixPcT7a21XbyMUU+o= +indent-string@^3.0.0: + version "3.2.0" + resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-3.2.0.tgz#4a5fd6d27cc332f37e5419a504dbb837105c9289" + integrity sha1-Sl/W0nzDMvN+VBmlBNu4NxBckok= + indexes-of@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607" @@ -2687,7 +3044,7 @@ inherits@2, inherits@2.0.3, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.1, i resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de" integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4= -ini@^1.3.4, ini@~1.3.0: +ini@^1.3.4, ini@^1.3.5, ini@~1.3.0: version "1.3.5" resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927" integrity sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw== @@ -2748,6 +3105,24 @@ is-accessor-descriptor@^1.0.0: dependencies: kind-of "^6.0.0" +is-alphabetical@^1.0.0: + version "1.0.3" + resolved "https://registry.yarnpkg.com/is-alphabetical/-/is-alphabetical-1.0.3.tgz#eb04cc47219a8895d8450ace4715abff2258a1f8" + integrity sha512-eEMa6MKpHFzw38eKm56iNNi6GJ7lf6aLLio7Kr23sJPAECscgRtZvOBYybejWDQ2bM949Y++61PY+udzj5QMLA== + +is-alphanumeric@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/is-alphanumeric/-/is-alphanumeric-1.0.0.tgz#4a9cef71daf4c001c1d81d63d140cf53fd6889f4" + integrity sha1-Spzvcdr0wAHB2B1j0UDPU/1oifQ= + +is-alphanumerical@^1.0.0: + version "1.0.3" + resolved "https://registry.yarnpkg.com/is-alphanumerical/-/is-alphanumerical-1.0.3.tgz#57ae21c374277b3defe0274c640a5704b8f6657c" + integrity sha512-A1IGAPO5AW9vSh7omxIlOGwIqEvpW/TA+DksVOPM5ODuxKlZS09+TEM1E3275lJqO2oJ38vDpeAL3DCIiHE6eA== + dependencies: + is-alphabetical "^1.0.0" + is-decimal "^1.0.0" + is-arrayish@^0.2.1: version "0.2.1" resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d" @@ -2770,6 +3145,11 @@ is-buffer@^1.1.5: resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be" integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w== +is-buffer@^2.0.0: + version "2.0.4" + resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.4.tgz#3e572f23c8411a5cfd9557c849e3665e0b290623" + integrity sha512-Kq1rokWXOPXWuaMAqZiJW4XxsmD9zGx9q4aePabbn3qCRGedtH7Cm+zV8WETitMfu1wdh+Rvd6w5egwSngUX2A== + is-callable@^1.1.4: version "1.1.4" resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.4.tgz#1e1adf219e1eeb684d691f9d6a05ff0d30a24d75" @@ -2806,6 +3186,11 @@ is-date-object@^1.0.1: resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.1.tgz#9aa20eb6aeebbff77fbd33e74ca01b33581d3a16" integrity sha1-mqIOtq7rv/d/vTPnTKAbM1gdOhY= +is-decimal@^1.0.0: + version "1.0.3" + resolved "https://registry.yarnpkg.com/is-decimal/-/is-decimal-1.0.3.tgz#381068759b9dc807d8c0dc0bfbae2b68e1da48b7" + integrity sha512-bvLSwoDg2q6Gf+E2LEPiklHZxxiSi3XAh4Mav65mKqTfCO1HM3uBs24TjEH8iJX3bbDdLXKJXBTmGzuTUuAEjQ== + is-descriptor@^0.1.0: version "0.1.6" resolved "https://registry.yarnpkg.com/is-descriptor/-/is-descriptor-0.1.6.tgz#366d8240dde487ca51823b1ab9f07a10a78251ca" @@ -2875,6 +3260,11 @@ is-fullwidth-code-point@^2.0.0: resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f" integrity sha1-o7MKXE8ZkYMWeqq5O+764937ZU8= +is-fullwidth-code-point@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d" + integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg== + is-glob@^2.0.0, is-glob@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-2.0.1.tgz#d096f926a3ded5600f3fdfd91198cb0888c2d863" @@ -2896,6 +3286,11 @@ is-glob@^4.0.0, is-glob@^4.0.1: dependencies: is-extglob "^2.1.1" +is-hexadecimal@^1.0.0: + version "1.0.3" + resolved "https://registry.yarnpkg.com/is-hexadecimal/-/is-hexadecimal-1.0.3.tgz#e8a426a69b6d31470d3a33a47bb825cda02506ee" + integrity sha512-zxQ9//Q3D/34poZf8fiy3m3XVpbQc7ren15iKqrTtLPwkPD/t3Scy9Imp63FujULGxuK0ZlCwoo5xNpktFgbOA== + is-negated-glob@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/is-negated-glob/-/is-negated-glob-1.0.0.tgz#6910bca5da8c95e784b5751b976cf5a10fee36d2" @@ -2927,11 +3322,21 @@ is-number@^4.0.0: resolved "https://registry.yarnpkg.com/is-number/-/is-number-4.0.0.tgz#0026e37f5454d73e356dfe6564699867c6a7f0ff" integrity sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ== +is-number@^7.0.0: + version "7.0.0" + resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b" + integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng== + is-obj@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f" integrity sha1-PkcprB9f3gJc19g6iW2rn09n2w8= +is-plain-obj@^1.1.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e" + integrity sha1-caUMhCnfync8kqOQpKA7OfzVHT4= + is-plain-object@^2.0.1, is-plain-object@^2.0.3, is-plain-object@^2.0.4: version "2.0.4" resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677" @@ -2961,6 +3366,11 @@ is-regex@^1.0.4: dependencies: has "^1.0.1" +is-regexp@^2.0.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-2.1.0.tgz#cd734a56864e23b956bf4e7c66c396a4c0b22c2d" + integrity sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA== + is-relative@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/is-relative/-/is-relative-1.0.0.tgz#a1bb6935ce8c5dba1e8b9754b9b2dcc020e2260d" @@ -3004,11 +3414,21 @@ is-valid-glob@^1.0.0: resolved "https://registry.yarnpkg.com/is-valid-glob/-/is-valid-glob-1.0.0.tgz#29bf3eff701be2d4d315dbacc39bc39fe8f601aa" integrity sha1-Kb8+/3Ab4tTTFdusw5vDn+j2Aao= +is-whitespace-character@^1.0.0: + version "1.0.3" + resolved "https://registry.yarnpkg.com/is-whitespace-character/-/is-whitespace-character-1.0.3.tgz#b3ad9546d916d7d3ffa78204bca0c26b56257fac" + integrity sha512-SNPgMLz9JzPccD3nPctcj8sZlX9DAMJSKH8bP7Z6bohCwuNgX8xbWr1eTAYXX9Vpi/aSn8Y1akL9WgM3t43YNQ== + is-windows@^1.0.1, is-windows@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-1.0.2.tgz#d1850eb9791ecd18e6182ce12a30f396634bb19d" integrity sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA== +is-word-character@^1.0.0: + version "1.0.3" + resolved "https://registry.yarnpkg.com/is-word-character/-/is-word-character-1.0.3.tgz#264d15541cbad0ba833d3992c34e6b40873b08aa" + integrity sha512-0wfcrFgOOOBdgRNT9H33xe6Zi6yhX/uoc4U8NBZGeQQB0ctU1dnlNTyL9JM2646bHDTpsDm1Brb3VPoCIMrd/A== + is-wsl@^1.1.0: version "1.1.0" resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d" @@ -3059,6 +3479,11 @@ js-yaml@^3.13.0, js-yaml@^3.13.1, js-yaml@^3.9.0: argparse "^1.0.7" esprima "^4.0.0" +jsesc@^2.5.1: + version "2.5.2" + resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4" + integrity sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA== + 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" @@ -3074,6 +3499,13 @@ json-stable-stringify-without-jsonify@^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= +json5@^2.1.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/json5/-/json5-2.1.0.tgz#e7a0c62c48285c628d20a10b85c89bb807c32850" + integrity sha512-8Mh9h6xViijj36g7Dxi+Y4S6hNGV96vcJZr/SrlHh1LR/pEn/8j/+qIBbs44YKl69Lrfctp4QD+AdWLTMqEZAQ== + dependencies: + minimist "^1.2.0" + jsonfile@^3.0.0: version "3.0.1" resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-3.0.1.tgz#a5ecc6f65f53f662c4415c7675a0331d0992ec66" @@ -3123,6 +3555,11 @@ kind-of@^6.0.0, kind-of@^6.0.2: resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.2.tgz#01146b36a6218e64e58f3a8d66de5d7fc6f6d051" integrity sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA== +known-css-properties@^0.15.0: + version "0.15.0" + resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.15.0.tgz#5aa14a98b5a1652448aad44a1c67e867e4e7d88c" + integrity sha512-TS0RCcQfHYsA+59uIHhnsA71NBkpILbqi0W+hde4R5FtESdzur0tCJFoko/1Pbhx+8rmdUc0R1VE4ixnnD+9xw== + last-run@^1.1.0: version "1.1.1" resolved "https://registry.yarnpkg.com/last-run/-/last-run-1.1.1.tgz#45b96942c17b1c79c772198259ba943bebf8ca5b" @@ -3152,6 +3589,11 @@ lead@^1.0.0: dependencies: flush-write-stream "^1.0.2" +leven@^3.1.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2" + integrity sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A== + levn@^0.3.0, levn@~0.3.0: version "0.3.0" resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee" @@ -3200,6 +3642,16 @@ load-json-file@^2.0.0: pify "^2.0.0" strip-bom "^3.0.0" +load-json-file@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-4.0.0.tgz#2f5f45ab91e33216234fd53adab668eb4ec0993b" + integrity sha1-L19Fq5HjMhYjT9U62rZo607AmTs= + dependencies: + graceful-fs "^4.1.2" + parse-json "^4.0.0" + pify "^3.0.0" + strip-bom "^3.0.0" + load-json-file@^5.2.0: version "5.3.0" resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-5.3.0.tgz#4d3c1e01fa1c03ea78a60ac7af932c9ce53403f3" @@ -3356,11 +3808,30 @@ lodash@^4.17.10: resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d" integrity sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg== -lodash@^4.17.12, lodash@^4.17.14: +lodash@^4.17.11, lodash@^4.17.12, lodash@^4.17.13, lodash@^4.17.14: version "4.17.15" resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548" integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A== +log-symbols@^2.2.0: + version "2.2.0" + resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-2.2.0.tgz#5740e1c5d6f0dfda4ad9323b5332107ef6b4c40a" + integrity sha512-VeIAFslyIerEJLXHziedo2basKbMKtTw3vfn5IzG0XTjhAVEJyNHnL2p7vc+wBDSdQuUpNw3M2u6xb9QsAY5Eg== + dependencies: + chalk "^2.0.1" + +log-symbols@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-3.0.0.tgz#f3a08516a5dea893336a7dee14d18a1cfdab77c4" + integrity sha512-dSkNGuI7iG3mfvDzUuYZyvk5dD9ocYCYzNU6CYDE6+Xqd+gwme6Z00NS3dUh8mq/73HaEtT7m6W+yUPtU6BZnQ== + dependencies: + chalk "^2.4.2" + +longest-streak@^2.0.1: + version "2.0.3" + resolved "https://registry.yarnpkg.com/longest-streak/-/longest-streak-2.0.3.tgz#3de7a3f47ee18e9074ded8575b5c091f5d0a4105" + integrity sha512-9lz5IVdpwsKLMzQi0MQ+oD9EA0mIGcWYP7jXMTZVXP8D42PwuAk+M/HBFYQoxt1G5OR8m7aSIgb1UymfWGBWEw== + loose-envify@^1.4.0: version "1.4.0" resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf" @@ -3368,6 +3839,14 @@ loose-envify@^1.4.0: dependencies: js-tokens "^3.0.0 || ^4.0.0" +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-queue@0.1: version "0.1.0" resolved "https://registry.yarnpkg.com/lru-queue/-/lru-queue-0.1.0.tgz#2738bd9f0d3cf4f84490c5736c48699ac632cda3" @@ -3387,6 +3866,16 @@ 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: + version "1.0.1" + resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d" + integrity sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0= + +map-obj@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-2.0.0.tgz#a65cd29087a92598b8791257a523e021222ac1f9" + integrity sha1-plzSkIepJZi4eRJXpSPgISIqwfk= + map-stream@~0.0.6: version "0.0.7" resolved "https://registry.yarnpkg.com/map-stream/-/map-stream-0.0.7.tgz#8a1f07896d82b10926bd3744a2420009f88974a8" @@ -3399,6 +3888,16 @@ map-visit@^1.0.0: dependencies: object-visit "^1.0.0" +markdown-escapes@^1.0.0: + version "1.0.3" + resolved "https://registry.yarnpkg.com/markdown-escapes/-/markdown-escapes-1.0.3.tgz#6155e10416efaafab665d466ce598216375195f5" + integrity sha512-XUi5HJhhV5R74k8/0H2oCbCiYf/u4cO/rX8tnGkRvrqhsr5BRNU6Mg0yt/8UIx1iIS8220BNJsDb7XnILhLepw== + +markdown-table@^1.1.0: + version "1.1.3" + resolved "https://registry.yarnpkg.com/markdown-table/-/markdown-table-1.1.3.tgz#9fcb69bcfdb8717bfd0398c6ec2d93036ef8de60" + integrity sha512-1RUZVgQlpJSPWYbFSpmudq5nHY1doEIv89gBtF0s4gW1GF2XorxcA/70M5vq7rLv0a6mhOUccRsqkwhwLCIQ2Q== + matchdep@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/matchdep/-/matchdep-2.0.0.tgz#c6f34834a0d8dbc3b37c27ee8bbcb27c7775582e" @@ -3414,6 +3913,18 @@ math-random@^1.0.1: resolved "https://registry.yarnpkg.com/math-random/-/math-random-1.0.4.tgz#5dd6943c938548267016d4e34f057583080c514c" integrity sha512-rUxjysqif/BZQH2yhd5Aaq7vXMSx9NdEsQcyA07uEzIvxgI7zIr33gGsh+RU0/XjmQpCW7RsVof1vlkvQVCK5A== +mathml-tag-names@^2.1.0: + version "2.1.1" + resolved "https://registry.yarnpkg.com/mathml-tag-names/-/mathml-tag-names-2.1.1.tgz#6dff66c99d55ecf739ca53c492e626f1d12a33cc" + integrity sha512-pWB896KPGSGkp1XtyzRBftpTzwSOL0Gfk0wLvxt4f2mgzjY19o0LxJ3U25vNWTzsh7da+KTbuXQoQ3lOJZ8WHw== + +mdast-util-compact@^1.0.0: + version "1.0.3" + resolved "https://registry.yarnpkg.com/mdast-util-compact/-/mdast-util-compact-1.0.3.tgz#98a25cc8a7865761a41477b3a87d1dcef0b1e79d" + integrity sha512-nRiU5GpNy62rZppDKbLwhhtw5DXoFMqw9UNZFmlPsNaQCZ//WLjGKUwWMdJrUH+Se7UvtO2gXtAMe0g/N+eI5w== + dependencies: + unist-util-visit "^1.1.0" + mdn-data@~1.1.0: version "1.1.4" resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-1.1.4.tgz#50b5d4ffc4575276573c4eedb8780812a8419f01" @@ -3433,6 +3944,26 @@ memoizee@0.4.X: next-tick "1" timers-ext "^0.1.5" +meow@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/meow/-/meow-5.0.0.tgz#dfc73d63a9afc714a5e371760eb5c88b91078aa4" + integrity sha512-CbTqYU17ABaLefO8vCU153ZZlprKYWDljcndKKDCFcYQITzWCXZAVk4QMFZPgvzrnUQ3uItnIE/LoUOwrT15Ig== + dependencies: + camelcase-keys "^4.0.0" + decamelize-keys "^1.0.0" + loud-rejection "^1.0.0" + minimist-options "^3.0.1" + normalize-package-data "^2.3.4" + read-pkg-up "^3.0.0" + redent "^2.0.0" + trim-newlines "^2.0.0" + yargs-parser "^10.0.0" + +merge2@^1.2.3: + version "1.3.0" + resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.3.0.tgz#5b366ee83b2f1582c48f87e47cf1a9352103ca81" + integrity sha512-2j4DAdlBOkiSZIsaXk4mTE3sRS02yBHAtfy127xRV3bQUFqXkjHCHLW6Scv7DwNRbIWNHH8zpnz9zMaKXIdvYw== + micromatch@2.3.11: version "2.3.11" resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-2.3.11.tgz#86677c97d1720b363431d04d0d15293bd38c1565" @@ -3471,6 +4002,14 @@ micromatch@^3.0.4, micromatch@^3.1.10, micromatch@^3.1.4: snapdragon "^0.8.1" to-regex "^3.0.2" +micromatch@^4.0.0: + version "4.0.2" + resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.2.tgz#4fcb0999bf9fbc2fcbdd212f6d629b9a56c39259" + integrity sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q== + dependencies: + braces "^3.0.1" + picomatch "^2.0.5" + mime-db@~1.38.0: version "1.38.0" resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.38.0.tgz#1a2aab16da9eb167b49c6e4df2d9c68d63d8e2ad" @@ -3500,11 +4039,24 @@ minimatch@^3.0.0, minimatch@^3.0.2, minimatch@^3.0.4: dependencies: brace-expansion "^1.1.7" +minimist-options@^3.0.1: + version "3.0.2" + resolved "https://registry.yarnpkg.com/minimist-options/-/minimist-options-3.0.2.tgz#fba4c8191339e13ecf4d61beb03f070103f3d954" + integrity sha512-FyBrT/d0d4+uiZRbqznPXqw3IpZZG3gl3wKWiX784FycUKVwBt0uLBFkQrtE4tZOrgo78nZp2jnKz3L65T5LdQ== + dependencies: + arrify "^1.0.1" + is-plain-obj "^1.1.0" + minimist@0.0.8: version "0.0.8" resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d" integrity sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0= +minimist@1.1.x: + version "1.1.3" + resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.1.3.tgz#3bedfd91a92d39016fcfaa1c681e8faa1a1efda8" + integrity sha1-O+39kaktOQFvz6ocaB6Pqhoe/ag= + minimist@^1.1.0, minimist@^1.2.0: version "1.2.0" resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284" @@ -3664,7 +4216,7 @@ nopt@^4.0.1: abbrev "1" osenv "^0.1.4" -normalize-package-data@^2.3.2: +normalize-package-data@^2.3.2, normalize-package-data@^2.3.4: 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== @@ -3691,6 +4243,11 @@ normalize-range@^0.1.2: resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942" integrity sha1-LRDAa9/TEuqXd2laTShDlFa3WUI= +normalize-selector@^0.2.0: + version "0.2.0" + resolved "https://registry.yarnpkg.com/normalize-selector/-/normalize-selector-0.2.0.tgz#d0b145eb691189c63a78d201dc4fdb1293ef0c03" + integrity sha1-0LFF62kRicY6eNIB3E/bEpPvDAM= + normalize-url@^3.0.0: version "3.3.0" resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-3.3.0.tgz#b2e1c4dc4f7c6d57743df733a4f5978d18650559" @@ -4000,6 +4557,18 @@ parent-module@^1.0.0: dependencies: callsites "^3.0.0" +parse-entities@^1.0.2, parse-entities@^1.1.0: + version "1.2.2" + resolved "https://registry.yarnpkg.com/parse-entities/-/parse-entities-1.2.2.tgz#c31bf0f653b6661354f8973559cb86dd1d5edf50" + integrity sha512-NzfpbxW/NPrzZ/yYSoQxyqUZMZXIdCfE0OIN4ESsnptHJECoUk3FZktxNuzQf4tjt5UEopnxpYJbvYuxIFDdsg== + dependencies: + character-entities "^1.0.0" + character-entities-legacy "^1.0.0" + character-reference-invalid "^1.0.0" + is-alphanumerical "^1.0.0" + is-decimal "^1.0.0" + is-hexadecimal "^1.0.0" + parse-filepath@^1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/parse-filepath/-/parse-filepath-1.0.2.tgz#a632127f53aaf3d15876f5872f3ffac763d6c891" @@ -4128,11 +4697,28 @@ path-type@^2.0.0: dependencies: pify "^2.0.0" +path-type@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/path-type/-/path-type-3.0.0.tgz#cef31dc8e0a1a3bb0d105c0cd97cf3bf47f4e36f" + integrity sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg== + dependencies: + pify "^3.0.0" + +picomatch@^2.0.5: + version "2.0.7" + resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.0.7.tgz#514169d8c7cd0bdbeecc8a2609e34a7163de69f6" + integrity sha512-oLHIdio3tZ0qH76NybpeneBhYVj0QFTfXEFTc/B3zKQspYfYYkWYgFsmzo+4kvId/bQRcNkVeguI3y+CD22BtA== + 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= +pify@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176" + integrity sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY= + pify@^4.0.1: version "4.0.1" resolved "https://registry.yarnpkg.com/pify/-/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231" @@ -4283,6 +4869,13 @@ postcss-discard-overridden@^4.0.1: dependencies: postcss "^7.0.0" +postcss-html@^0.36.0: + version "0.36.0" + resolved "https://registry.yarnpkg.com/postcss-html/-/postcss-html-0.36.0.tgz#b40913f94eaacc2453fd30a1327ad6ee1f88b204" + integrity sha512-HeiOxGcuwID0AFsNAL0ox3mW6MHH5cstWN1Z3Y+n6H+g12ih7LHdYxWwEA/QmrebctLjo79xz9ouK3MroHwOJw== + dependencies: + htmlparser2 "^3.10.0" + postcss-import@^12.0.1: version "12.0.1" resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-12.0.1.tgz#cf8c7ab0b5ccab5649024536e565f841928b7153" @@ -4304,6 +4897,20 @@ postcss-inline-svg@^3.1.1: postcss "^6.0.1" postcss-value-parser "^3.2.3" +postcss-jsx@^0.36.3: + version "0.36.3" + resolved "https://registry.yarnpkg.com/postcss-jsx/-/postcss-jsx-0.36.3.tgz#c91113eae2935a1c94f00353b788ece9acae3f46" + integrity sha512-yV8Ndo6KzU8eho5mCn7LoLUGPkXrRXRjhMpX4AaYJ9wLJPv099xbtpbRQ8FrPnzVxb/cuMebbPR7LweSt+hTfA== + dependencies: + "@babel/core" ">=7.2.2" + +postcss-less@^3.1.4: + version "3.1.4" + resolved "https://registry.yarnpkg.com/postcss-less/-/postcss-less-3.1.4.tgz#369f58642b5928ef898ffbc1a6e93c958304c5ad" + integrity sha512-7TvleQWNM2QLcHqvudt3VYjULVB49uiW6XzEUFmvwHzvsOEF5MwBrIXZDJQvJNFGjJQTzSzZnDoCJ8h/ljyGXA== + dependencies: + postcss "^7.0.14" + 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" @@ -4312,6 +4919,19 @@ postcss-load-config@^2.0.0: cosmiconfig "^4.0.0" import-cwd "^2.0.0" +postcss-markdown@^0.36.0: + version "0.36.0" + resolved "https://registry.yarnpkg.com/postcss-markdown/-/postcss-markdown-0.36.0.tgz#7f22849ae0e3db18820b7b0d5e7833f13a447560" + integrity sha512-rl7fs1r/LNSB2bWRhyZ+lM/0bwKv9fhl38/06gF6mKMo/NPnp55+K1dSTosSVjFZc0e1ppBlu+WT91ba0PMBfQ== + dependencies: + remark "^10.0.1" + unist-util-find-all-after "^1.0.2" + +postcss-media-query-parser@^0.2.3: + version "0.2.3" + resolved "https://registry.yarnpkg.com/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz#27b39c6f4d94f81b1a73b8f76351c609e5cef244" + integrity sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ= + postcss-merge-longhand@^4.0.11: version "4.0.11" resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-4.0.11.tgz#62f49a13e4a0ee04e7b98f42bb16062ca2549e24" @@ -4484,7 +5104,44 @@ postcss-reduce-transforms@^4.0.2: postcss "^7.0.0" postcss-value-parser "^3.0.0" -postcss-selector-parser@^3.0.0: +postcss-reporter@^6.0.1: + version "6.0.1" + resolved "https://registry.yarnpkg.com/postcss-reporter/-/postcss-reporter-6.0.1.tgz#7c055120060a97c8837b4e48215661aafb74245f" + integrity sha512-LpmQjfRWyabc+fRygxZjpRxfhRf9u/fdlKf4VHG4TSPbV2XNsuISzYW1KL+1aQzx53CAppa1bKG4APIB/DOXXw== + dependencies: + chalk "^2.4.1" + lodash "^4.17.11" + log-symbols "^2.2.0" + postcss "^7.0.7" + +postcss-resolve-nested-selector@^0.1.1: + version "0.1.1" + resolved "https://registry.yarnpkg.com/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz#29ccbc7c37dedfac304e9fff0bf1596b3f6a0e4e" + integrity sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4= + +postcss-safe-parser@^4.0.1: + version "4.0.1" + resolved "https://registry.yarnpkg.com/postcss-safe-parser/-/postcss-safe-parser-4.0.1.tgz#8756d9e4c36fdce2c72b091bbc8ca176ab1fcdea" + integrity sha512-xZsFA3uX8MO3yAda03QrG3/Eg1LN3EPfjjf07vke/46HERLZyHrTsQ9E1r1w1W//fWEhtYNndo2hQplN2cVpCQ== + dependencies: + postcss "^7.0.0" + +postcss-sass@^0.4.1: + version "0.4.1" + resolved "https://registry.yarnpkg.com/postcss-sass/-/postcss-sass-0.4.1.tgz#6177205d2c287973551bd2938fc4b375961e3173" + integrity sha512-YDdykeDHylqiD2CdXuP7K1aDz7hCflGVB6H6lqabWVab5mVOWhguUuWZYpFU22/E12AEGiMlOfZnLqr343zhVA== + dependencies: + gonzales-pe "^4.2.4" + postcss "^7.0.14" + +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, postcss-selector-parser@^3.1.0: version "3.1.1" resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-3.1.1.tgz#4f875f4afb0c96573d5cf4d74011aee250a7e865" integrity sha1-T4dfSvsMllc9XPTXQBGu4lCn6GU= @@ -4512,6 +5169,11 @@ postcss-svgo@^4.0.2: postcss-value-parser "^3.0.0" svgo "^1.0.0" +postcss-syntax@^0.36.2: + version "0.36.2" + resolved "https://registry.yarnpkg.com/postcss-syntax/-/postcss-syntax-0.36.2.tgz#f08578c7d95834574e5593a82dfbfa8afae3b51c" + integrity sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w== + postcss-unique-selectors@^4.0.1: version "4.0.1" resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-4.0.1.tgz#9446911f3289bfd64c6d680f073c03b1f9ee4bac" @@ -4526,6 +5188,11 @@ postcss-value-parser@^3.0.0, postcss-value-parser@^3.2.3, postcss-value-parser@^ resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281" integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ== +postcss-value-parser@^4.0.2: + version "4.0.2" + resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.0.2.tgz#482282c09a42706d1fc9a069b73f44ec08391dc9" + integrity sha512-LmeoohTpp/K4UiyQCwuGWlONxXamGzCMtFxLq4W1nZVGIQLYvMCJx3yAF9qyyuFpflABI9yVdtJAqbihOsCsJQ== + 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" @@ -4553,6 +5220,15 @@ postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.2, postcss@^7.0.5: source-map "^0.6.1" supports-color "^6.1.0" +postcss@^7.0.7: + version "7.0.18" + resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.18.tgz#4b9cda95ae6c069c67a4d933029eddd4838ac233" + integrity sha512-/7g1QXXgegpF+9GJj4iN7ChGF40sYuGYJ8WZu8DZWnmhQ/G36hfdk3q9LBJmoK+lZ+yzZ5KYpOoxq7LF1BxE8g== + dependencies: + chalk "^2.4.2" + source-map "^0.6.1" + supports-color "^6.1.0" + prelude-ls@~1.1.2: version "1.1.2" resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54" @@ -4631,6 +5307,11 @@ qs@6.2.3: resolved "https://registry.yarnpkg.com/qs/-/qs-6.2.3.tgz#1cfcb25c10a9b2b483053ff39f5dfc9233908cfe" integrity sha1-HPyyXBCpsrSDBT/zn138kjOQjP4= +quick-lru@^1.0.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-1.1.0.tgz#4360b17c61136ad38078397ff11416e186dcfbb8" + integrity sha1-Q2CxfGETatOAeDl/8RQW4Ybc+7g= + randomatic@^3.0.0: version "3.1.1" resolved "https://registry.yarnpkg.com/randomatic/-/randomatic-3.1.1.tgz#b776efc59375984e36c537b2f51a1f0aff0da1ed" @@ -4693,6 +5374,14 @@ read-pkg-up@^2.0.0: find-up "^2.0.0" read-pkg "^2.0.0" +read-pkg-up@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-3.0.0.tgz#3ed496685dba0f8fe118d0691dc51f4a1ff96f07" + integrity sha1-PtSWaF26D4/hGNBpHcUfSh/5bwc= + dependencies: + find-up "^2.0.0" + read-pkg "^3.0.0" + read-pkg@^1.0.0: version "1.1.0" resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-1.1.0.tgz#f5ffaa5ecd29cb31c0474bca7d756b6bb29e3f28" @@ -4711,6 +5400,15 @@ read-pkg@^2.0.0: normalize-package-data "^2.3.2" path-type "^2.0.0" +read-pkg@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-3.0.0.tgz#9cbc686978fee65d16c00e2b19c237fcf6e38389" + integrity sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k= + dependencies: + load-json-file "^4.0.0" + normalize-package-data "^2.3.2" + path-type "^3.0.0" + readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.5, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.5, readable-stream@^2.3.6, readable-stream@~2.3.6: version "2.3.6" resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.6.tgz#b11c27d88b8ff1fbe070643cf94b0c79ae1b0aaf" @@ -4759,6 +5457,14 @@ rechoir@^0.6.2: dependencies: resolve "^1.1.6" +redent@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/redent/-/redent-2.0.0.tgz#c1b2007b42d57eb1389079b3c8333639d5e1ccaa" + integrity sha1-wbIAe0LVfrE4kHmzyDM2OdXhzKo= + dependencies: + indent-string "^3.0.0" + strip-indent "^2.0.0" + regex-cache@^0.4.2: version "0.4.4" resolved "https://registry.yarnpkg.com/regex-cache/-/regex-cache-0.4.4.tgz#75bdc58a2a1496cec48a12835bc54c8d562336dd" @@ -4784,6 +5490,56 @@ regexpp@^3.0.0: resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.0.0.tgz#dd63982ee3300e67b41c1956f850aa680d9d330e" integrity sha512-Z+hNr7RAVWxznLPuA7DIh8UNX1j9CDrUQxskw9IrBE1Dxue2lyXT+shqEIeLUjrokxIP8CMy1WkjgG3rTsd5/g== +remark-parse@^6.0.0: + version "6.0.3" + resolved "https://registry.yarnpkg.com/remark-parse/-/remark-parse-6.0.3.tgz#c99131052809da482108413f87b0ee7f52180a3a" + integrity sha512-QbDXWN4HfKTUC0hHa4teU463KclLAnwpn/FBn87j9cKYJWWawbiLgMfP2Q4XwhxxuuuOxHlw+pSN0OKuJwyVvg== + dependencies: + collapse-white-space "^1.0.2" + is-alphabetical "^1.0.0" + is-decimal "^1.0.0" + is-whitespace-character "^1.0.0" + is-word-character "^1.0.0" + markdown-escapes "^1.0.0" + parse-entities "^1.1.0" + repeat-string "^1.5.4" + state-toggle "^1.0.0" + trim "0.0.1" + trim-trailing-lines "^1.0.0" + unherit "^1.0.4" + unist-util-remove-position "^1.0.0" + vfile-location "^2.0.0" + xtend "^4.0.1" + +remark-stringify@^6.0.0: + version "6.0.4" + resolved "https://registry.yarnpkg.com/remark-stringify/-/remark-stringify-6.0.4.tgz#16ac229d4d1593249018663c7bddf28aafc4e088" + integrity sha512-eRWGdEPMVudijE/psbIDNcnJLRVx3xhfuEsTDGgH4GsFF91dVhw5nhmnBppafJ7+NWINW6C7ZwWbi30ImJzqWg== + dependencies: + ccount "^1.0.0" + is-alphanumeric "^1.0.0" + is-decimal "^1.0.0" + is-whitespace-character "^1.0.0" + longest-streak "^2.0.1" + markdown-escapes "^1.0.0" + markdown-table "^1.1.0" + mdast-util-compact "^1.0.0" + parse-entities "^1.0.2" + repeat-string "^1.5.4" + state-toggle "^1.0.0" + stringify-entities "^1.0.1" + unherit "^1.0.4" + xtend "^4.0.1" + +remark@^10.0.1: + version "10.0.1" + resolved "https://registry.yarnpkg.com/remark/-/remark-10.0.1.tgz#3058076dc41781bf505d8978c291485fe47667df" + integrity sha512-E6lMuoLIy2TyiokHprMjcWNJ5UxfGQjaMSMhV+f4idM625UjjK4j798+gPs5mfjzDE6vL0oFKVeZM6gZVSVrzQ== + dependencies: + remark-parse "^6.0.0" + remark-stringify "^6.0.0" + unified "^7.0.0" + remove-bom-buffer@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/remove-bom-buffer/-/remove-bom-buffer-3.0.0.tgz#c2bf1e377520d324f623892e33c10cac2c252b53" @@ -4811,7 +5567,7 @@ repeat-element@^1.1.2: resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.3.tgz#782e0d825c0c5a3bb39731f84efee6b742e6b1ce" integrity sha512-ahGq0ZnV5m5XtZLMb+vP76kcAM5nkLqk0lpqAuojSKGgQtn4eRi4ZZGm2olo2zKFH+sMsWaqOCW1dqAnOru72g== -repeat-string@^1.5.2, repeat-string@^1.6.1: +repeat-string@^1.5.2, repeat-string@^1.5.4, repeat-string@^1.6.1: version "1.6.1" resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637" integrity sha1-jcrkcOHIirwtYA//Sndihtp15jc= @@ -4821,7 +5577,7 @@ replace-ext@0.0.1: resolved "https://registry.yarnpkg.com/replace-ext/-/replace-ext-0.0.1.tgz#29bbd92078a739f0bcce2b4ee41e837953522924" integrity sha1-KbvZIHinOfC8zitO5B6DeVNSKSQ= -replace-ext@^1.0.0: +replace-ext@1.0.0, replace-ext@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/replace-ext/-/replace-ext-1.0.0.tgz#de63128373fcbf7c3ccfa4de5a480c45a67958eb" integrity sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs= @@ -4873,6 +5629,11 @@ resolve-from@^4.0.0: resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6" integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g== +resolve-from@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69" + integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw== + resolve-options@^1.1.0: version "1.1.0" resolved "https://registry.yarnpkg.com/resolve-options/-/resolve-options-1.1.0.tgz#32bb9e39c06d67338dc9378c0d6d6074566ad131" @@ -4892,7 +5653,7 @@ resolve@^1.1.6, resolve@^1.1.7, resolve@^1.10.0, resolve@^1.4.0: dependencies: path-parse "^1.0.6" -resolve@^1.10.1, resolve@^1.11.0, resolve@^1.5.0: +resolve@^1.10.1, resolve@^1.11.0, resolve@^1.3.2, resolve@^1.5.0: version "1.12.0" resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.12.0.tgz#3fc644a35c84a48554609ff26ec52b66fa577df6" integrity sha512-B/dOmuoAik5bKcD6s6nXDCjzUKnaDvdkRyAk6rsmsKLipWj4797iothd7jmmUhWTfinVMU+wc56rYKsit2Qy4w== @@ -5002,7 +5763,7 @@ 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.5.0: +semver@^5.4.1, semver@^5.5.0: version "5.7.1" resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7" integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ== @@ -5113,6 +5874,16 @@ simple-swizzle@^0.2.2: dependencies: is-arrayish "^0.3.1" +slash@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/slash/-/slash-2.0.0.tgz#de552851a1759df3a8f206535442f5ec4ddeab44" + integrity sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A== + +slash@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634" + integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q== + slice-ansi@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-2.1.0.tgz#cacd7693461a637a5788d92a7dd4fba068e81636" @@ -5243,7 +6014,7 @@ 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.5.1, source-map@^0.5.3, source-map@^0.5.6: +source-map@^0.5.0, 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" integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w= @@ -5284,6 +6055,11 @@ spdx-license-ids@^3.0.0: resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.4.tgz#75ecd1a88de8c184ef015eafb51b5b48bfd11bb1" integrity sha512-7j8LYJLeY/Yb6ACbQ7F76qy5jHkp0U6jgBfJsk97bwWlVUnUWsAgpyaCvo17h0/RQGnQ036tVDomiwoI4pDkQA== +specificity@^0.4.1: + version "0.4.1" + resolved "https://registry.yarnpkg.com/specificity/-/specificity-0.4.1.tgz#aab5e645012db08ba182e151165738d00887b019" + integrity sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg== + split-string@^3.0.1, split-string@^3.0.2: version "3.1.0" resolved "https://registry.yarnpkg.com/split-string/-/split-string-3.1.0.tgz#7cb09dda3a86585705c64b39a6466038682e8fe2" @@ -5331,6 +6107,11 @@ standard@^14.3.1: eslint-plugin-standard "~4.0.0" standard-engine "^12.0.0" +state-toggle@^1.0.0: + version "1.0.2" + resolved "https://registry.yarnpkg.com/state-toggle/-/state-toggle-1.0.2.tgz#75e93a61944116b4959d665c8db2d243631d6ddc" + integrity sha512-8LpelPGR0qQM4PnfLiplOQNJcIN1/r2Gy0xKB2zKnIW2YzPMt2sR4I/+gtPjhN7Svh9kw+zqEg2SFwpBO9iNiw== + static-extend@^0.1.1: version "0.1.2" resolved "https://registry.yarnpkg.com/static-extend/-/static-extend-0.1.2.tgz#60809c39cbff55337226fd5e0b520f341f1fb5c6" @@ -5405,6 +6186,15 @@ string-width@^3.0.0: is-fullwidth-code-point "^2.0.0" strip-ansi "^5.1.0" +string-width@^4.1.0: + version "4.1.0" + resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.1.0.tgz#ba846d1daa97c3c596155308063e075ed1c99aff" + integrity sha512-NrX+1dVVh+6Y9dnQ19pR0pP4FiEIlUvdTGn8pw6CKTNq5sgib2nIhmUNT5TAmhWmvKr3WcxBcP3E8nWezuipuQ== + dependencies: + emoji-regex "^8.0.0" + is-fullwidth-code-point "^3.0.0" + strip-ansi "^5.2.0" + string.prototype.trimleft@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/string.prototype.trimleft/-/string.prototype.trimleft-2.1.0.tgz#6cc47f0d7eb8d62b0f3701611715a3954591d634" @@ -5440,6 +6230,16 @@ string_decoder@~1.1.1: dependencies: safe-buffer "~5.1.0" +stringify-entities@^1.0.1: + version "1.3.2" + resolved "https://registry.yarnpkg.com/stringify-entities/-/stringify-entities-1.3.2.tgz#a98417e5471fd227b3e45d3db1861c11caf668f7" + integrity sha512-nrBAQClJAPN2p+uGCVJRPIPakKeKWZ9GtBCmormE7pWOSlHat7+x5A8gx85M7HM5Dt0BP3pP5RhVW77WdbJJ3A== + dependencies: + character-entities-html4 "^1.0.0" + character-entities-legacy "^1.0.0" + is-alphanumerical "^1.0.0" + is-hexadecimal "^1.0.0" + strip-ansi@^3.0.0, strip-ansi@^3.0.1: version "3.0.1" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf" @@ -5478,6 +6278,11 @@ strip-bom@^3.0.0: resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3" integrity sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM= +strip-indent@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-2.0.0.tgz#5ef8db295d01e6ed6cbf7aab96998d7822527b68" + integrity sha1-XvjbKV0B5u1sv3qrlpmNeCJSe2g= + strip-json-comments@^3.0.1: version "3.0.1" resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.0.1.tgz#85713975a91fb87bf1b305cca77395e40d2a64a7" @@ -5488,6 +6293,11 @@ strip-json-comments@~2.0.1: resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a" integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo= +style-search@^0.1.0: + version "0.1.0" + resolved "https://registry.yarnpkg.com/style-search/-/style-search-0.1.0.tgz#7958c793e47e32e07d2b5cafe5c0bf8e12e77902" + integrity sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI= + stylehacks@^4.0.0: version "4.0.3" resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-4.0.3.tgz#6718fcaf4d1e07d8a1318690881e8d96726a71d5" @@ -5497,6 +6307,79 @@ stylehacks@^4.0.0: postcss "^7.0.0" postcss-selector-parser "^3.0.0" +stylelint-config-recommended@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-3.0.0.tgz#e0e547434016c5539fe2650afd58049a2fd1d657" + integrity sha512-F6yTRuc06xr1h5Qw/ykb2LuFynJ2IxkKfCMf+1xqPffkxh0S09Zc902XCffcsw/XMFq/OzQ1w54fLIDtmRNHnQ== + +stylelint-config-standard@^19.0.0: + version "19.0.0" + resolved "https://registry.yarnpkg.com/stylelint-config-standard/-/stylelint-config-standard-19.0.0.tgz#66f0cf13f33b8a9e34965881493b38fc1313693a" + integrity sha512-VvcODsL1PryzpYteWZo2YaA5vU/pWfjqBpOvmeA8iB2MteZ/ZhI1O4hnrWMidsS4vmEJpKtjdhLdfGJmmZm6Cg== + dependencies: + stylelint-config-recommended "^3.0.0" + +stylelint@^11.0.0: + version "11.0.0" + resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-11.0.0.tgz#1458d1e126d4f2fb9f41076197f852aa1fcae91d" + integrity sha512-esKkG7CUXI5yr4jgCNuwjiiV6NJ4BpodB0e47oFvUBaHgpiXXHRPOajpb0IXL7Ucpk+X3dcrlPxVHpmJ5XUDwg== + dependencies: + autoprefixer "^9.5.1" + balanced-match "^1.0.0" + chalk "^2.4.2" + cosmiconfig "^5.2.0" + debug "^4.1.1" + execall "^2.0.0" + file-entry-cache "^5.0.1" + get-stdin "^7.0.0" + global-modules "^2.0.0" + globby "^9.2.0" + globjoin "^0.1.4" + html-tags "^3.0.0" + ignore "^5.0.6" + import-lazy "^4.0.0" + imurmurhash "^0.1.4" + known-css-properties "^0.15.0" + leven "^3.1.0" + lodash "^4.17.14" + log-symbols "^3.0.0" + mathml-tag-names "^2.1.0" + meow "^5.0.0" + micromatch "^4.0.0" + normalize-selector "^0.2.0" + postcss "^7.0.14" + postcss-html "^0.36.0" + postcss-jsx "^0.36.3" + postcss-less "^3.1.4" + postcss-markdown "^0.36.0" + postcss-media-query-parser "^0.2.3" + postcss-reporter "^6.0.1" + postcss-resolve-nested-selector "^0.1.1" + postcss-safe-parser "^4.0.1" + postcss-sass "^0.4.1" + postcss-scss "^2.0.0" + postcss-selector-parser "^3.1.0" + postcss-syntax "^0.36.2" + postcss-value-parser "^4.0.2" + resolve-from "^5.0.0" + signal-exit "^3.0.2" + slash "^3.0.0" + specificity "^0.4.1" + string-width "^4.1.0" + strip-ansi "^5.2.0" + style-search "^0.1.0" + sugarss "^2.0.0" + svg-tags "^1.0.0" + table "^5.2.3" + v8-compile-cache "^2.1.0" + +sugarss@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/sugarss/-/sugarss-2.0.0.tgz#ddd76e0124b297d40bf3cca31c8b22ecb43bc61d" + integrity sha512-WfxjozUk0UVA4jm+U1d736AUpzSrNsQcIbyOkoE364GrtWmIrFdk5lksEupgWMD4VaT/0kVx1dobpiDumSgmJQ== + dependencies: + postcss "^7.0.2" + supports-color@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7" @@ -5524,6 +6407,11 @@ sver-compat@^1.5.0: es6-iterator "^2.0.1" es6-symbol "^3.1.1" +svg-tags@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/svg-tags/-/svg-tags-1.0.0.tgz#58f71cee3bd519b59d4b2a843b6c7de64ac04764" + integrity sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q= + svgo@^1.0.0: version "1.2.1" resolved "https://registry.yarnpkg.com/svgo/-/svgo-1.2.1.tgz#3fedde75a4016193e1c2608b5fdef6f3e4a9fd99" @@ -5644,6 +6532,11 @@ to-array@0.1.4: resolved "https://registry.yarnpkg.com/to-array/-/to-array-0.1.4.tgz#17e6c11f73dd4f3d74cda7a4ff3238e9ad9bf890" integrity sha1-F+bBH3PdTz10zaek/zI46a2b+JA= +to-fast-properties@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e" + integrity sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4= + to-object-path@^0.3.0: version "0.3.0" resolved "https://registry.yarnpkg.com/to-object-path/-/to-object-path-0.3.0.tgz#297588b7b0e7e0ac08e04e672f85c1f4999e17af" @@ -5659,6 +6552,13 @@ to-regex-range@^2.1.0: is-number "^3.0.0" repeat-string "^1.6.1" +to-regex-range@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4" + integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ== + dependencies: + is-number "^7.0.0" + to-regex@^3.0.1, to-regex@^3.0.2: version "3.0.2" resolved "https://registry.yarnpkg.com/to-regex/-/to-regex-3.0.2.tgz#13cfdd9b336552f30b51f33a8ae1b42a7a7599ce" @@ -5676,6 +6576,26 @@ to-through@^2.0.0: dependencies: through2 "^2.0.3" +trim-newlines@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-2.0.0.tgz#b403d0b91be50c331dfc4b82eeceb22c3de16d20" + integrity sha1-tAPQuRvlDDMd/EuC7s6yLD3hbSA= + +trim-trailing-lines@^1.0.0: + version "1.1.2" + resolved "https://registry.yarnpkg.com/trim-trailing-lines/-/trim-trailing-lines-1.1.2.tgz#d2f1e153161152e9f02fabc670fb40bec2ea2e3a" + integrity sha512-MUjYItdrqqj2zpcHFTkMa9WAv4JHTI6gnRQGPFLrt5L9a6tRMiDnIqYl8JBvu2d2Tc3lWJKQwlGCp0K8AvCM+Q== + +trim@0.0.1: + version "0.0.1" + resolved "https://registry.yarnpkg.com/trim/-/trim-0.0.1.tgz#5858547f6b290757ee95cccc666fb50084c460dd" + integrity sha1-WFhUf2spB1fulczMZm+1AITEYN0= + +trough@^1.0.0: + version "1.0.4" + resolved "https://registry.yarnpkg.com/trough/-/trough-1.0.4.tgz#3b52b1f13924f460c3fbfd0df69b587dbcbc762e" + integrity sha512-tdzBRDGWcI1OpPVmChbdSKhvSVurznZ8X36AYURAcl+0o2ldlCY2XPzyXNNxwJwwyIU+rIglTCG4kxtNKBQH7Q== + tslib@^1.9.0: version "1.10.0" resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.10.0.tgz#c3c19f95973fb0a62973fb09d90d961ee43e5c8a" @@ -5733,6 +6653,28 @@ undertaker@^1.0.0: object.reduce "^1.0.0" undertaker-registry "^1.0.0" +unherit@^1.0.4: + version "1.1.2" + resolved "https://registry.yarnpkg.com/unherit/-/unherit-1.1.2.tgz#14f1f397253ee4ec95cec167762e77df83678449" + integrity sha512-W3tMnpaMG7ZY6xe/moK04U9fBhi6wEiCYHUW5Mop/wQHf12+79EQGwxYejNdhEz2mkqkBlGwm7pxmgBKMVUj0w== + dependencies: + inherits "^2.0.1" + xtend "^4.0.1" + +unified@^7.0.0: + version "7.1.0" + resolved "https://registry.yarnpkg.com/unified/-/unified-7.1.0.tgz#5032f1c1ee3364bd09da12e27fdd4a7553c7be13" + integrity sha512-lbk82UOIGuCEsZhPj8rNAkXSDXd6p0QLzIuSsCdxrqnqU56St4eyOB+AlXsVgVeRmetPTYydIuvFfpDIed8mqw== + dependencies: + "@types/unist" "^2.0.0" + "@types/vfile" "^3.0.0" + bail "^1.0.0" + extend "^3.0.0" + is-plain-obj "^1.1.0" + trough "^1.0.0" + vfile "^3.0.0" + x-is-string "^0.1.0" + union-value@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/union-value/-/union-value-1.0.0.tgz#5c71c34cb5bad5dcebe3ea0cd08207ba5aa1aea4" @@ -5761,6 +6703,44 @@ unique-stream@^2.0.2: json-stable-stringify-without-jsonify "^1.0.1" through2-filter "^3.0.0" +unist-util-find-all-after@^1.0.2: + version "1.0.4" + resolved "https://registry.yarnpkg.com/unist-util-find-all-after/-/unist-util-find-all-after-1.0.4.tgz#2eeaba818fd98492d69c44f9bee52c6a25282eef" + integrity sha512-CaxvMjTd+yF93BKLJvZnEfqdM7fgEACsIpQqz8vIj9CJnUb9VpyymFS3tg6TCtgrF7vfCJBF5jbT2Ox9CBRYRQ== + dependencies: + unist-util-is "^3.0.0" + +unist-util-is@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-3.0.0.tgz#d9e84381c2468e82629e4a5be9d7d05a2dd324cd" + integrity sha512-sVZZX3+kspVNmLWBPAB6r+7D9ZgAFPNWm66f7YNb420RlQSbn+n8rG8dGZSkrER7ZIXGQYNm5pqC3v3HopH24A== + +unist-util-remove-position@^1.0.0: + version "1.1.3" + resolved "https://registry.yarnpkg.com/unist-util-remove-position/-/unist-util-remove-position-1.1.3.tgz#d91aa8b89b30cb38bad2924da11072faa64fd972" + integrity sha512-CtszTlOjP2sBGYc2zcKA/CvNdTdEs3ozbiJ63IPBxh8iZg42SCCb8m04f8z2+V1aSk5a7BxbZKEdoDjadmBkWA== + dependencies: + unist-util-visit "^1.1.0" + +unist-util-stringify-position@^1.0.0, unist-util-stringify-position@^1.1.1: + version "1.1.2" + resolved "https://registry.yarnpkg.com/unist-util-stringify-position/-/unist-util-stringify-position-1.1.2.tgz#3f37fcf351279dcbca7480ab5889bb8a832ee1c6" + integrity sha512-pNCVrk64LZv1kElr0N1wPiHEUoXNVFERp+mlTg/s9R5Lwg87f9bM/3sQB99w+N9D/qnM9ar3+AKDBwo/gm/iQQ== + +unist-util-visit-parents@^2.0.0: + version "2.1.2" + resolved "https://registry.yarnpkg.com/unist-util-visit-parents/-/unist-util-visit-parents-2.1.2.tgz#25e43e55312166f3348cae6743588781d112c1e9" + integrity sha512-DyN5vD4NE3aSeB+PXYNKxzGsfocxp6asDc2XXE3b0ekO2BaRUpBicbbUygfSvYfUz1IkmjFR1YF7dPklraMZ2g== + dependencies: + unist-util-is "^3.0.0" + +unist-util-visit@^1.1.0: + version "1.4.1" + resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-1.4.1.tgz#4724aaa8486e6ee6e26d7ff3c8685960d560b1e3" + integrity sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw== + dependencies: + unist-util-visit-parents "^2.0.0" + universalify@^0.1.0: version "0.1.2" resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66" @@ -5824,7 +6804,7 @@ utils-merge@1.0.1: resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713" integrity sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM= -v8-compile-cache@^2.0.3: +v8-compile-cache@^2.0.3, v8-compile-cache@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.1.0.tgz#e14de37b31a6d194f5690d67efc4e7f6fc6ab30e" integrity sha512-usZBT3PW+LOjM25wbqIlZwPeJV+3OSz3M1k1Ws8snlW39dZyYL9lOGC5FgPVHfk0jKmjiDV8Z0mIbVQPiwFs7g== @@ -5854,6 +6834,28 @@ vendors@^1.0.0: resolved "https://registry.yarnpkg.com/vendors/-/vendors-1.0.2.tgz#7fcb5eef9f5623b156bcea89ec37d63676f21801" integrity sha512-w/hry/368nO21AN9QljsaIhb9ZiZtZARoVH5f3CsFbawdLdayCgKRPup7CggujvySMxx0I91NOyxdVENohprLQ== +vfile-location@^2.0.0: + version "2.0.5" + resolved "https://registry.yarnpkg.com/vfile-location/-/vfile-location-2.0.5.tgz#c83eb02f8040228a8d2b3f10e485be3e3433e0a2" + integrity sha512-Pa1ey0OzYBkLPxPZI3d9E+S4BmvfVwNAAXrrqGbwTVXWaX2p9kM1zZ+n35UtVM06shmWKH4RPRN8KI80qE3wNQ== + +vfile-message@^1.0.0: + version "1.1.1" + resolved "https://registry.yarnpkg.com/vfile-message/-/vfile-message-1.1.1.tgz#5833ae078a1dfa2d96e9647886cd32993ab313e1" + integrity sha512-1WmsopSGhWt5laNir+633LszXvZ+Z/lxveBf6yhGsqnQIhlhzooZae7zV6YVM1Sdkw68dtAW3ow0pOdPANugvA== + dependencies: + unist-util-stringify-position "^1.1.1" + +vfile@^3.0.0: + version "3.0.1" + resolved "https://registry.yarnpkg.com/vfile/-/vfile-3.0.1.tgz#47331d2abe3282424f4a4bb6acd20a44c4121803" + integrity sha512-y7Y3gH9BsUSdD4KzHsuMaCzRjglXN0W2EcMf0gpvu6+SbsGhMje7xDc8AEoeXy6mIwCKMI6BkjMsRjzQbhMEjQ== + dependencies: + is-buffer "^2.0.0" + replace-ext "1.0.0" + unist-util-stringify-position "^1.0.0" + vfile-message "^1.0.0" + vinyl-fs@^3.0.0: version "3.0.3" resolved "https://registry.yarnpkg.com/vinyl-fs/-/vinyl-fs-3.0.3.tgz#c85849405f67428feabbbd5c5dbdd64f47d31bc7" @@ -5923,7 +6925,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.2.14, which@^1.2.9: +which@^1.2.14, which@^1.2.9, which@^1.3.1: version "1.3.1" resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a" integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ== @@ -5983,6 +6985,11 @@ ws@~6.1.0: dependencies: async-limiter "~1.0.0" +x-is-string@^0.1.0: + version "0.1.0" + resolved "https://registry.yarnpkg.com/x-is-string/-/x-is-string-0.1.0.tgz#474b50865af3a49a9c4657f05acd145458f77d82" + integrity sha1-R0tQhlrzpJqcRlfwWs0UVFj3fYI= + xmlhttprequest-ssl@~1.5.4: version "1.5.5" resolved "https://registry.yarnpkg.com/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.5.tgz#c2876b06168aadc40e57d97e81191ac8f4398b3e" @@ -6008,6 +7015,13 @@ yallist@^3.0.0, yallist@^3.0.2: resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.0.3.tgz#b4b049e314be545e3ce802236d6cd22cd91c3de9" integrity sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A== +yargs-parser@^10.0.0: + version "10.1.0" + resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-10.1.0.tgz#7202265b89f7e9e9f2e5765e0fe735a905edbaa8" + integrity sha512-VCIyR1wJoEBZUqk5PA+oOBF6ypbwh5aNB3I50guxAL/quggdfs4TtNHQrSazFA3fYZ+tEqfs0zIGlv0c/rgjbQ== + dependencies: + camelcase "^4.1.0" + yargs-parser@^4.1.0, yargs-parser@^4.2.0: version "4.2.1" resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-4.2.1.tgz#29cceac0dc4f03c6c87b4a9f217dd18c9f74871c" From 885f26712ea7a17837fdfa2d43ab2e4f3e9f7579 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Wed, 2 Oct 2019 19:12:05 +0000 Subject: [PATCH 46/60] build(deps): bump lodash from 4.17.11 to 4.17.15 Bumps [lodash](https://github.com/lodash/lodash) from 4.17.11 to 4.17.15. - [Release notes](https://github.com/lodash/lodash/releases) - [Commits](https://github.com/lodash/lodash/compare/4.17.11...4.17.15) Signed-off-by: dependabot[bot] --- yarn.lock | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/yarn.lock b/yarn.lock index 51f8cb1..290bdf2 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2784,9 +2784,9 @@ lodash.uniq@^4.5.0: integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M= 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== + version "4.17.15" + resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548" + integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A== lru-queue@0.1: version "0.1.0" From 1a1f74f0eef90563730ae1b3ff5435e653ad13fb Mon Sep 17 00:00:00 2001 From: Yudhishthir Singh Date: Thu, 3 Oct 2019 07:16:45 +0530 Subject: [PATCH 47/60] Update README.md --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index f0b6e38..4d2e2d5 100644 --- a/README.md +++ b/README.md @@ -33,11 +33,11 @@ You probably don't want to use it for a production app or something that has mor Just stick this in your ``: -### 🌙 Dark theme: +### 🌙 Dark Theme: `` -### ☀ Light theme: +### ☀ Light Theme: `` From e3550439d1d792e7692e908faecaa4e855f3ef54 Mon Sep 17 00:00:00 2001 From: kimulaco Date: Thu, 3 Oct 2019 13:58:03 +0900 Subject: [PATCH 48/60] No need for width and height units --- index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index e78e08f..750adce 100644 --- a/index.html +++ b/index.html @@ -65,8 +65,8 @@ src='https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=150490&theme=dark&period=daily' alt='Water.css - Make your tiny website just a little nicer | Product Hunt Embed' style='width: 250px; height: 54px;' - width='250px' - height='54px' + width='250' + height='54' />

      Goals

      From cf45eef0a0de771c527e2663c31ff744275b988b Mon Sep 17 00:00:00 2001 From: kimulaco Date: Thu, 3 Oct 2019 13:59:49 +0900 Subject: [PATCH 49/60] No need for style attr --- index.html | 1 - 1 file changed, 1 deletion(-) diff --git a/index.html b/index.html index 750adce..198585e 100644 --- a/index.html +++ b/index.html @@ -64,7 +64,6 @@ id='ph' src='https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=150490&theme=dark&period=daily' alt='Water.css - Make your tiny website just a little nicer | Product Hunt Embed' - style='width: 250px; height: 54px;' width='250' height='54' /> From 16345af22cac6d8def3b895d7784cd7274064b5d Mon Sep 17 00:00:00 2001 From: kimulaco Date: Thu, 3 Oct 2019 14:00:35 +0900 Subject: [PATCH 50/60] Fix duplicate id attr --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 198585e..68f10c7 100644 --- a/index.html +++ b/index.html @@ -183,7 +183,7 @@
      - +
      From a92d7ee596ed0ff9422f763ba370e218977c4feb Mon Sep 17 00:00:00 2001 From: kimulaco Date: Thu, 3 Oct 2019 14:06:32 +0900 Subject: [PATCH 51/60] Fix character entities --- index.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 68f10c7..64bc813 100644 --- a/index.html +++ b/index.html @@ -266,16 +266,16 @@ 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.' + be given using the <cite> cite element.'
      MDN, 'The Block Quotation element'
      - Quotes (<q>) share the same style as blockquotes. + Quotes (<q>) share the same style as blockquotes. -

      Use <mark> to highlight the important stuff.

      +

      Use <mark> to highlight the important stuff.

      • Unordered list item 1
        • From 7e48e0c34ba3c2fcc40a2676f7f79f64a2636f2e Mon Sep 17 00:00:00 2001 From: kimulaco Date: Thu, 3 Oct 2019 14:17:28 +0900 Subject: [PATCH 52/60] Fix illegal character in path segment --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 64bc813..4e2b7cd 100644 --- a/index.html +++ b/index.html @@ -313,7 +313,7 @@

        The HTML Details Element (details) creates a disclosure widget in which information is visible only when the widget is toggled into an "open" state. A summary or label can be provided using the summary element.

        - + From 2650aed270dc89b0dc8cc9fd13c6f2967b67caf8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Justinas=20Po=C5=A1i=C5=ABnas?= Date: Thu, 3 Oct 2019 10:32:03 +0300 Subject: [PATCH 53/60] added contributing.md first revision --- .github/CONTRIBUTING.md | 76 ++++++++++++++++++++++++++++++++++++++++- 1 file changed, 75 insertions(+), 1 deletion(-) diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md index 7f003bd..e451fa8 100755 --- a/.github/CONTRIBUTING.md +++ b/.github/CONTRIBUTING.md @@ -1 +1,75 @@ -> 💡 TODO: Add contributing guide +# Contributing to Water.css + +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. + +Before contributing, please read the [code of conduct](CODE_OF_CONDUCT.md). Also you agree that your contributions will be licensed under its [MIT License](./LICENSE.md). + +## How to get started + +1. Get a copy of repository. It is recommended to fork it first and clone to your machine using `git`. + +2. Make sure that you have [yarn](https://yarnpkg.com) and install dependencies listed in `package.json` using it. + +``` +yarn +``` + +3. Then you can run development server with live reloading out of the box and play around with the framework. + +``` +yarn dev +``` + +So you can access the `index.html` in browser by visiting http://localhost:3000/index.html + +More details will be provided in command line interface. + +*Note.* A script that builds distribution ready files is also available but it is not the part of development workflow, it is designed to be triggered automatically while publishing a new version of a package. The script itself could be run manually: + +``` +yarn build +``` + +## How to find issues to work on + +If you are new to contributing open-source software, you can starty by picking any relevant issue that is tagged with `good first issue` [there]( +https://github.com/kognise/water.css/contribute). + +Also everyone is welcome to contribute on issues tagged with `help wanted`, you can find it filtered [here](https://github.com/kognise/water.css/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22). + + +## How to make a pull request + +It is a few general rules of thumb about making pull requests: + +* Make sure that your pull request covers a small and well defined scope + +* Make small commits with clear and explainful messages + +* You need to provide a clear description about your contribution on GitHub + +## Directory structure + +``` +. +├── dist +├── icons +└── src + ├── assets + ├── builds + └── parts +``` + +`dist` directory is ignored by git and it contains built assets for distribution + +`icons` directory contains water.css favicons used in `index.html` demo/docs file + +`src` directory contains all the source stylesheets groupped into folders and variables + +`src/assets` directory contains images used for UI elements styling + +`src/builds` directory contains base style files prepared for different kind of builds (i.e. light and dark themes, supporting legacy browsers, etc) + +`src/parts` directory contains the whole source organized in separate files by its kind like forms, links, typography \ No newline at end of file From 12630074532e095135ca19da4d55612c66e6a780 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Justinas=20Po=C5=A1i=C5=ABnas?= Date: Thu, 3 Oct 2019 10:32:40 +0300 Subject: [PATCH 54/60] linked contributing.md in readme.md --- README.md | 18 ++++-------------- 1 file changed, 4 insertions(+), 14 deletions(-) diff --git a/README.md b/README.md index f0b6e38..6fffefb 100644 --- a/README.md +++ b/README.md @@ -65,20 +65,6 @@ Simply remove the `.min` from the file name. Don't like how it looks? Feel free to submit an issue or PR with suggestions. -## Contributing - -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 on change. - -``` -$ yarn dev -``` - -And make sure to run `yarn build` before pushing any changes! Thanks for taking the time to contribute :) - ## Theming > ⚠ 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. @@ -144,6 +130,10 @@ $form-text: #ffffff !default; You can also only import parts you want, but this is not recommended. See the `src/parts/` folder for a list of parts. +## Contributing + +Please see [CONTRIBUTING](.github/CONTRIBUTING.md) for details. + ## Todos - Add screenshots From 6e9b58a91316b709c773d24e98145577f2f665e9 Mon Sep 17 00:00:00 2001 From: Marco Biedermann Date: Thu, 3 Oct 2019 23:28:09 +0200 Subject: [PATCH 55/60] fix: space Remove space before comma --- src/parts/_typography.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/parts/_typography.css b/src/parts/_typography.css index 6997b13..6ccdb03 100644 --- a/src/parts/_typography.css +++ b/src/parts/_typography.css @@ -42,7 +42,7 @@ q:after { content: none; } -blockquote , q{ +blockquote, q{ border-left: 4px solid var(--focus); margin: 1.5em 0em; padding: 0.5em 1em; From 92ae2e25175fffed3d5a0cfaaa53fc616ffb0bb8 Mon Sep 17 00:00:00 2001 From: Marco Biedermann Date: Thu, 3 Oct 2019 23:31:06 +0200 Subject: [PATCH 56/60] fix: pseudo elements Fix pseudo element syntax --- src/parts/_typography.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/parts/_typography.css b/src/parts/_typography.css index 6ccdb03..dcdc2cb 100644 --- a/src/parts/_typography.css +++ b/src/parts/_typography.css @@ -34,11 +34,11 @@ th { font-weight: 600; } -q:before { +q::before { content: none; } -q:after { +q::after { content: none; } From 3ee2f57946306e4972877b61d9a51f043f6da389 Mon Sep 17 00:00:00 2001 From: Marco Biedermann Date: Thu, 3 Oct 2019 23:32:25 +0200 Subject: [PATCH 57/60] fix: space Add missing space after selector --- src/parts/_typography.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/parts/_typography.css b/src/parts/_typography.css index dcdc2cb..d465c84 100644 --- a/src/parts/_typography.css +++ b/src/parts/_typography.css @@ -42,7 +42,7 @@ q::after { content: none; } -blockquote, q{ +blockquote, q { border-left: 4px solid var(--focus); margin: 1.5em 0em; padding: 0.5em 1em; From b42974bb25c8fcd379048619704064dff3fb0908 Mon Sep 17 00:00:00 2001 From: Lee Garkusha Date: Thu, 3 Oct 2019 19:50:07 -0400 Subject: [PATCH 58/60] Add footer example --- dist/dark-legacy.standalone.min.css | 2 +- dist/dark-legacy.standalone.min.css.map | 2 +- dist/dark.css | 13 +++++++++++-- dist/dark.css.map | 2 +- dist/dark.min.css | 2 +- dist/dark.min.css.map | 2 +- dist/dark.standalone.css | 12 ++++++++++-- dist/dark.standalone.css.map | 2 +- dist/dark.standalone.min.css | 2 +- dist/dark.standalone.min.css.map | 2 +- dist/light-legacy.standalone.css | 9 ++++++++- 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 | 13 +++++++++++-- dist/light.css.map | 2 +- dist/light.min.css | 2 +- dist/light.min.css.map | 2 +- dist/light.standalone.css | 12 ++++++++++-- dist/light.standalone.css.map | 2 +- dist/light.standalone.min.css | 2 +- dist/light.standalone.min.css.map | 2 +- index.html | 4 ++++ src/parts/_misc.css | 7 +++++++ src/parts/_typography.css | 2 +- src/variables-dark.css | 1 + src/variables-light.css | 1 + 27 files changed, 81 insertions(+), 27 deletions(-) diff --git a/dist/dark-legacy.standalone.min.css b/dist/dark-legacy.standalone.min.css index 059da38..ffcd490 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}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=radio],input[type=range],input[type=submit],select{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,select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:#161f27 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#324759}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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}fieldset{border:1px solid rgba(0,150,191,.67);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#161f27;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#161f27}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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top: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}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#1a242f;padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:#161f27;padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:#dbdbdb} +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{font-style:normal;border:0}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=radio],input[type=range],input[type=submit],select{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,select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:#161f27 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#324759}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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}fieldset{border:1px solid rgba(0,150,191,.67);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#161f27;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#161f27}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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top: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}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#1a242f;padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:#161f27;padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:#dbdbdb}footer{border-top:1px solid #161f27;padding-top:10px;font-size:.8em;color:#717880} /*# 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 e25c47c..5fb4688 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file +{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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,iBAAkB,CAClB,QACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,wBAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,6GAME,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,6BAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,OACE,2RAAwF,CACxF,kBACF,CAEA,mBACE,YACF,CAEA,iBACE,kBAAmB,CACnB,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,kBACF,CAEA,qDAIE,wCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,kBACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CAEA,SACE,oCAA8B,CAC9B,iBAAkB,CAElB,cAAkB,CAClB,YACF,CAEA,OACE,cAAgB,CAChB,eACF,CCrJA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,kBACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,kBAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAMA,gFACE,kBACF,CCtFA,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,MACE,+BACF,CAEA,MACE,4BACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,wBAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,wBAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,aACF,CAEA,OACE,4BAAuC,CACvC,gBAAiB,CACjB,cAAgB,CAChB,aACF","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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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 font-style: normal;\n border: 0;\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n\nfooter {\n border-top: 1px solid var(--background);\n padding-top: 10px;\n font-size: 0.8em;\n color: var(--text-muted);\n}"]} \ No newline at end of file diff --git a/dist/dark.css b/dist/dark.css index 4309d7d..8c8aa80 100644 --- a/dist/dark.css +++ b/dist/dark.css @@ -16,6 +16,7 @@ --text-main: #dbdbdb; --text-bright: #ffffff; + --text-muted: #717880; --links: #41adff; --focus: #0096bfab; @@ -47,6 +48,7 @@ --text-main: #363636; --text-bright: #000000; + --text-muted: #999999; --links: #0076d1; --focus: #0096bfab; @@ -143,8 +145,8 @@ blockquote , q{ } blockquote > footer { - margin-top: 10px; font-style: normal; + border: 0; } blockquote cite { @@ -312,7 +314,7 @@ textarea:disabled { color: var(--form-placeholder); } -:-ms-input-placeholder { +::-moz-placeholder { color: var(--form-placeholder); } @@ -561,4 +563,11 @@ summary::-webkit-details-marker { color: var(--text-main); } +footer { + border-top: 1px solid var(--background); + padding-top: 10px; + font-size: 0.8em; + color: var(--text-muted); +} + /*# sourceMappingURL=dark.css.map */ diff --git a/dist/dark.css.map b/dist/dark.css.map index 4f775ec..9e37026 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/_range.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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #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: 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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\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/_range.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 --text-muted: #717880;\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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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 --text-muted: #999999;\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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #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: 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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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 font-style: normal;\n border: 0;\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n\nfooter {\n border-top: 1px solid var(--background);\n padding-top: 10px;\n font-size: 0.8em;\n color: var(--text-muted);\n}"]} \ No newline at end of file diff --git a/dist/dark.min.css b/dist/dark.min.css index 5f0f626..87e6de3 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;--variable:#d941e2;--highlight:#efdb43;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}@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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}fieldset{border:1px solid var(--focus);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)} +:root{--background-body:#202b38;--background:#161f27;--background-alt:#1a242f;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--text-muted:#717880;--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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}@media (prefers-color-scheme:light){:root{--background-body:#fff;--background:#efefef;--background-alt:#f7f7f7;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--text-muted:#999;--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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}}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{font-style:normal;border:0}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}::-moz-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}fieldset{border:1px solid var(--focus);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)}footer{border-top:1px solid var(--background);padding-top:10px;font-size:.8em;color:var(--text-muted)} /*# sourceMappingURL=dark.min.css.map */ diff --git a/dist/dark.min.css.map b/dist/dark.min.css.map index d0544d0..39749d9 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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ACd,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,MACE,qCACF,CAEA,MACE,kCACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF","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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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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,MACE,qCACF,CAEA,MACE,kCACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF,CAEA,OACE,sCAAuC,CACvC,gBAAiB,CACjB,cAAgB,CAChB,uBACF","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 --text-muted: #717880;\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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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 --text-muted: #999999;\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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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 font-style: normal;\n border: 0;\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n\nfooter {\n border-top: 1px solid var(--background);\n padding-top: 10px;\n font-size: 0.8em;\n color: var(--text-muted);\n}"]} \ No newline at end of file diff --git a/dist/dark.standalone.css b/dist/dark.standalone.css index b5ad9fa..d9f8f5e 100755 --- a/dist/dark.standalone.css +++ b/dist/dark.standalone.css @@ -13,6 +13,7 @@ --text-main: #dbdbdb; --text-bright: #ffffff; + --text-muted: #717880; --links: #41adff; --focus: #0096bfab; @@ -108,8 +109,8 @@ blockquote , q{ } blockquote > footer { - margin-top: 10px; font-style: normal; + border: 0; } blockquote cite { @@ -277,7 +278,7 @@ textarea:disabled { color: var(--form-placeholder); } -:-ms-input-placeholder { +::-moz-placeholder { color: var(--form-placeholder); } @@ -526,4 +527,11 @@ summary::-webkit-details-marker { color: var(--text-main); } +footer { + border-top: 1px solid var(--background); + padding-top: 10px; + font-size: 0.8em; + color: var(--text-muted); +} + /*# sourceMappingURL=dark.standalone.css.map */ diff --git a/dist/dark.standalone.css.map b/dist/dark.standalone.css.map index 1867298..b9f8f96 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/_range.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, 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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\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/_range.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, 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 --text-muted: #717880;\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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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 font-style: normal;\n border: 0;\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n\nfooter {\n border-top: 1px solid var(--background);\n padding-top: 10px;\n font-size: 0.8em;\n color: var(--text-muted);\n}"]} \ No newline at end of file diff --git a/dist/dark.standalone.min.css b/dist/dark.standalone.min.css index 22e7930..8b6c406 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;--variable:#d941e2;--highlight:#efdb43;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}fieldset{border:1px solid var(--focus);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)} +:root{--background-body:#202b38;--background:#161f27;--background-alt:#1a242f;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--text-muted:#717880;--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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}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{font-style:normal;border:0}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}::-moz-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}fieldset{border:1px solid var(--focus);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)}footer{border-top:1px solid var(--background);padding-top:10px;font-size:.8em;color:var(--text-muted)} /*# sourceMappingURL=dark.standalone.min.css.map */ diff --git a/dist/dark.standalone.min.css.map b/dist/dark.standalone.min.css.map index 4bbee9c..81fcaa6 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/_range.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,mBAAoB,CAEpB,kPACF,CC5BA,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,6GAME,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAOb,uBANF,CASA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,OACE,qFAAwF,CACxF,kBACF,CAEA,mBACE,YACF,CAEA,iBACE,kBAAmB,CACnB,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,8BACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,SACE,6BAA8B,CAC9B,iBAAkB,CAElB,cAAkB,CAClB,YACF,CAEA,OACE,cAAgB,CAChB,eACF,CCrJA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,4BACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAMA,gFACE,4BACF,CCtFA,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,MACE,qCACF,CAEA,MACE,kCACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF","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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file +{"version":3,"sources":["../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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,CACtB,oBAAqB,CAErB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,cAAe,CAEf,yBAA0B,CAC1B,sBAAuB,CAEvB,qCAAsC,CACtC,+BAAyE,CAEzE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,mBAAoB,CAEpB,kPACF,CC7BA,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,iBAAkB,CAClB,QACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,iCAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,6GAME,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAOb,uBANF,CASA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,OACE,qFAAwF,CACxF,kBACF,CAEA,mBACE,YACF,CAEA,iBACE,kBAAmB,CACnB,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,8BACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,mBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,SACE,6BAA8B,CAC9B,iBAAkB,CAElB,cAAkB,CAClB,YACF,CAEA,OACE,cAAgB,CAChB,eACF,CCrJA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,4BACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAMA,gFACE,4BACF,CCtFA,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,MACE,qCACF,CAEA,MACE,kCACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF,CAEA,OACE,sCAAuC,CACvC,gBAAiB,CACjB,cAAgB,CAChB,uBACF","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 --text-muted: #717880;\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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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 font-style: normal;\n border: 0;\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n\nfooter {\n border-top: 1px solid var(--background);\n padding-top: 10px;\n font-size: 0.8em;\n color: var(--text-muted);\n}"]} \ No newline at end of file diff --git a/dist/light-legacy.standalone.css b/dist/light-legacy.standalone.css index 2d50449..2fba7ad 100755 --- a/dist/light-legacy.standalone.css +++ b/dist/light-legacy.standalone.css @@ -119,8 +119,8 @@ q{ } blockquote > footer { - margin-top: 10px; font-style: normal; + border: 0; } blockquote cite { @@ -616,4 +616,11 @@ summary::-webkit-details-marker { color: #363636; } +footer { + border-top: 1px solid #efefef; + padding-top: 10px; + font-size: 0.8em; + color: #999999; +} + /*# sourceMappingURL=light-legacy.standalone.css.map */ diff --git a/dist/light-legacy.standalone.css.map b/dist/light-legacy.standalone.css.map index 8d8b115..80c217b 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/_range.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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\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/_range.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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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 font-style: normal;\n border: 0;\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n\nfooter {\n border-top: 1px solid var(--background);\n padding-top: 10px;\n font-size: 0.8em;\n color: var(--text-muted);\n}"]} \ No newline at end of file diff --git a/dist/light-legacy.standalone.min.css b/dist/light-legacy.standalone.min.css index 45bd03c..5c1f13c 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}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=radio],input[type=range],input[type=submit],select{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,select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:#efefef url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#ddd}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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}fieldset{border:1px solid rgba(0,150,191,.67);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef}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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top: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}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#f7f7f7;padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:#efefef;padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:#363636} +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{font-style:normal;border:0}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=radio],input[type=range],input[type=submit],select{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,select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:#efefef url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#ddd}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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}fieldset{border:1px solid rgba(0,150,191,.67);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef}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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top: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}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#f7f7f7;padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:#efefef;padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:#363636}footer{border-top:1px solid #efefef;padding-top:10px;font-size:.8em;color:#999} /*# 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 9a50d94..191cdc1 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file +{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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 font-style: normal;\n border: 0;\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n\nfooter {\n border-top: 1px solid var(--background);\n padding-top: 10px;\n font-size: 0.8em;\n color: var(--text-muted);\n}"]} \ No newline at end of file diff --git a/dist/light.css b/dist/light.css index be84eac..36490fa 100644 --- a/dist/light.css +++ b/dist/light.css @@ -16,6 +16,7 @@ --text-main: #363636; --text-bright: #000000; + --text-muted: #999999; --links: #0076d1; --focus: #0096bfab; @@ -47,6 +48,7 @@ --text-main: #dbdbdb; --text-bright: #ffffff; + --text-muted: #717880; --links: #41adff; --focus: #0096bfab; @@ -143,8 +145,8 @@ blockquote , q{ } blockquote > footer { - margin-top: 10px; font-style: normal; + border: 0; } blockquote cite { @@ -312,7 +314,7 @@ textarea:disabled { color: var(--form-placeholder); } -:-ms-input-placeholder { +::-moz-placeholder { color: var(--form-placeholder); } @@ -560,4 +562,11 @@ details > :not(summary) { summary::-webkit-details-marker { color: var(--text-main); } + +footer { + border-top: 1px solid var(--background); + padding-top: 10px; + font-size: 0.8em; + color: var(--text-muted); +} /*# sourceMappingURL=light.css.map */ diff --git a/dist/light.css.map b/dist/light.css.map index 952a1cb..23a3c7f 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/_range.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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\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/_range.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 --text-muted: #999999;\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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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 --text-muted: #717880;\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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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 font-style: normal;\n border: 0;\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n\nfooter {\n border-top: 1px solid var(--background);\n padding-top: 10px;\n font-size: 0.8em;\n color: var(--text-muted);\n}"]} \ No newline at end of file diff --git a/dist/light.min.css b/dist/light.min.css index d6f3763..7618360 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;--variable:#39a33c;--highlight:#ff0;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}@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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}fieldset{border:1px solid var(--focus);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)} +:root{--background-body:#fff;--background:#efefef;--background-alt:#f7f7f7;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--text-muted:#999;--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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root{--background-body:#202b38;--background:#161f27;--background-alt:#1a242f;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--text-muted:#717880;--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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}}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{font-style:normal;border:0}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}::-moz-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}fieldset{border:1px solid var(--focus);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)}footer{border-top:1px solid var(--background);padding-top:10px;font-size:.8em;color:var(--text-muted)} /*# sourceMappingURL=light.min.css.map */ diff --git a/dist/light.min.css.map b/dist/light.min.css.map index 827d65b..1197d0e 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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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ACd,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,MACE,qCACF,CAEA,MACE,kCACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF","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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\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/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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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,MACE,qCACF,CAEA,MACE,kCACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF,CAEA,OACE,sCAAuC,CACvC,gBAAiB,CACjB,cAAgB,CAChB,uBACF","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 --text-muted: #999999;\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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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 --text-muted: #717880;\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 --variable: #d941e2;\n --highlight: #efdb43;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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 font-style: normal;\n border: 0;\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n\nfooter {\n border-top: 1px solid var(--background);\n padding-top: 10px;\n font-size: 0.8em;\n color: var(--text-muted);\n}"]} \ No newline at end of file diff --git a/dist/light.standalone.css b/dist/light.standalone.css index beee480..8ae2d5c 100755 --- a/dist/light.standalone.css +++ b/dist/light.standalone.css @@ -13,6 +13,7 @@ --text-main: #363636; --text-bright: #000000; + --text-muted: #999999; --links: #0076d1; --focus: #0096bfab; @@ -108,8 +109,8 @@ blockquote , q{ } blockquote > footer { - margin-top: 10px; font-style: normal; + border: 0; } blockquote cite { @@ -277,7 +278,7 @@ textarea:disabled { color: var(--form-placeholder); } -:-ms-input-placeholder { +::-moz-placeholder { color: var(--form-placeholder); } @@ -526,4 +527,11 @@ summary::-webkit-details-marker { color: var(--text-main); } +footer { + border-top: 1px solid var(--background); + padding-top: 10px; + font-size: 0.8em; + color: var(--text-muted); +} + /*# sourceMappingURL=light.standalone.css.map */ diff --git a/dist/light.standalone.css.map b/dist/light.standalone.css.map index af326df..87cf2e9 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/_range.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, 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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #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: 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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\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/_range.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, 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 --text-muted: #999999;\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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #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: 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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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 font-style: normal;\n border: 0;\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n\nfooter {\n border-top: 1px solid var(--background);\n padding-top: 10px;\n font-size: 0.8em;\n color: var(--text-muted);\n}"]} \ No newline at end of file diff --git a/dist/light.standalone.min.css b/dist/light.standalone.min.css index 4c30858..95efe23 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;--variable:#39a33c;--highlight:#ff0;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}fieldset{border:1px solid var(--focus);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)} +:root{--background-body:#fff;--background:#efefef;--background-alt:#f7f7f7;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--text-muted:#999;--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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}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{font-style:normal;border:0}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=radio],input[type=range],input[type=submit],select{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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--button-hover)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}input[type=checkbox]:checked:before{content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]: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)}::-moz-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}fieldset{border:1px solid var(--focus);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)}footer{border-top:1px solid var(--background);padding-top:10px;font-size:.8em;color:var(--text-muted)} /*# sourceMappingURL=light.standalone.min.css.map */ diff --git a/dist/light.standalone.min.css.map b/dist/light.standalone.min.css.map index f3b36f7..90450b7 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/_range.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,gBAAoB,CAEpB,kPACF,CC5BA,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,6GAME,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAOb,uBANF,CASA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,OACE,qFAAwF,CACxF,kBACF,CAEA,mBACE,YACF,CAEA,iBACE,kBAAmB,CACnB,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,8BACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,SACE,6BAA8B,CAC9B,iBAAkB,CAElB,cAAkB,CAClB,YACF,CAEA,OACE,cAAgB,CAChB,eACF,CCrJA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,4BACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAMA,gFACE,4BACF,CCtFA,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,MACE,qCACF,CAEA,MACE,kCACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF","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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #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: 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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file +{"version":3,"sources":["../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.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,CACtB,iBAAqB,CAErB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,WAAe,CAEf,yBAA0B,CAC1B,mBAAuB,CAEvB,yBAAgE,CAChE,+BAAuE,CAEvE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,gBAAoB,CAEpB,kPACF,CC7BA,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,iBAAkB,CAClB,QACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,iCAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,6GAME,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAOb,uBANF,CASA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,OACE,qFAAwF,CACxF,kBACF,CAEA,mBACE,YACF,CAEA,iBACE,kBAAmB,CACnB,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,8BACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,mBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,SACE,6BAA8B,CAC9B,iBAAkB,CAElB,cAAkB,CAClB,YACF,CAEA,OACE,cAAgB,CAChB,eACF,CCrJA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,4BACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAMA,gFACE,4BACF,CCtFA,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,MACE,qCACF,CAEA,MACE,kCACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF,CAEA,OACE,sCAAuC,CACvC,gBAAiB,CACjB,cAAgB,CAChB,uBACF","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 --text-muted: #999999;\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 --variable: #39a33c;\n --highlight: #ffff00;\n\n --select-arrow: svg-load('./assets/select-arrow.svg', fill: #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: 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\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\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 font-style: normal;\n border: 0;\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\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\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'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']: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\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\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\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 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\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n\nfooter {\n border-top: 1px solid var(--background);\n padding-top: 10px;\n font-size: 0.8em;\n color: var(--text-muted);\n}"]} \ No newline at end of file diff --git a/index.html b/index.html index e78e08f..7b6623b 100644 --- a/index.html +++ b/index.html @@ -314,6 +314,10 @@

        The HTML Details Element (details) creates a disclosure widget in which information is visible only when the widget is toggled into an "open" state. A summary or label can be provided using the summary element.

        + + diff --git a/src/parts/_misc.css b/src/parts/_misc.css index 1ddb16b..02c28c9 100644 --- a/src/parts/_misc.css +++ b/src/parts/_misc.css @@ -92,3 +92,10 @@ details > :not(summary) { summary::-webkit-details-marker { color: var(--text-main); } + +footer { + border-top: 1px solid var(--background); + padding-top: 10px; + font-size: 0.8em; + color: var(--text-muted); +} \ No newline at end of file diff --git a/src/parts/_typography.css b/src/parts/_typography.css index 6997b13..3ab7e50 100644 --- a/src/parts/_typography.css +++ b/src/parts/_typography.css @@ -50,8 +50,8 @@ blockquote , q{ } blockquote > footer { - margin-top: 10px; font-style: normal; + border: 0; } blockquote cite { diff --git a/src/variables-dark.css b/src/variables-dark.css index 74ca975..5f32ac1 100755 --- a/src/variables-dark.css +++ b/src/variables-dark.css @@ -7,6 +7,7 @@ --text-main: #dbdbdb; --text-bright: #ffffff; + --text-muted: #717880; --links: #41adff; --focus: #0096bfab; diff --git a/src/variables-light.css b/src/variables-light.css index b630cd9..d58e83b 100755 --- a/src/variables-light.css +++ b/src/variables-light.css @@ -7,6 +7,7 @@ --text-main: #363636; --text-bright: #000000; + --text-muted: #999999; --links: #0076d1; --focus: #0096bfab; From 083f8f7b2709a60e4ccad66e622040fc8e65de31 Mon Sep 17 00:00:00 2001 From: wuxinhua Date: Thu, 31 Oct 2019 13:45:25 +0800 Subject: [PATCH 59/60] chore: grammar in the meantime => in the mean time --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index f0b6e38..000c326 100644 --- a/README.md +++ b/README.md @@ -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 and will be updated shortly! In the mean time, check src/variables-\*.css to see your customization options. +> âš  The theming guide is out of date and will be updated shortly! In the meantime, 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 5c413838c3d52aa17eb27297482864ece6059e05 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Fri, 1 Nov 2019 23:22:29 +0000 Subject: [PATCH 60/60] build(deps): bump mixin-deep from 1.3.1 to 1.3.2 Bumps [mixin-deep](https://github.com/jonschlinkert/mixin-deep) from 1.3.1 to 1.3.2. - [Release notes](https://github.com/jonschlinkert/mixin-deep/releases) - [Commits](https://github.com/jonschlinkert/mixin-deep/compare/1.3.1...1.3.2) Signed-off-by: dependabot[bot] --- yarn.lock | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/yarn.lock b/yarn.lock index 290bdf2..8212cd6 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2946,9 +2946,9 @@ mitt@^1.1.3: integrity sha512-mUDCnVNsAi+eD6qA0HkRkwYczbLHJ49z17BGe2PYRhZL4wpZUFZGJHU7/5tmvohoma+Hdn0Vh/oJTiPEmgSruA== mixin-deep@^1.2.0: - version "1.3.1" - resolved "https://registry.yarnpkg.com/mixin-deep/-/mixin-deep-1.3.1.tgz#a49e7268dce1a0d9698e45326c5626df3543d0fe" - integrity sha512-8ZItLHeEgaqEvd5lYBXfm4EZSFCX29Jb9K+lAHhDKzReKBQKj3R+7NOF6tjqYi9t4oI8VUfaWITJQm86wnXGNQ== + version "1.3.2" + resolved "https://registry.yarnpkg.com/mixin-deep/-/mixin-deep-1.3.2.tgz#1120b43dc359a785dce65b55b82e257ccf479566" + integrity sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA== dependencies: for-in "^1.0.2" is-extendable "^1.0.1"