diff --git a/.gitignore b/.gitignore index c903a80..4e2df8d 100644 --- a/.gitignore +++ b/.gitignore @@ -87,5 +87,4 @@ typings/ .idea/ # Output of yarn build -out/ -dist/ \ No newline at end of file +out/ \ No newline at end of file diff --git a/dist/about-thjis-directory b/dist/about-thjis-directory deleted file mode 100644 index d5d6706..0000000 --- a/dist/about-thjis-directory +++ /dev/null @@ -1,5 +0,0 @@ -This dist/ directory is here to maintain backwards compatibility with sites that use the pre-2.0 version of Water.css. - -We used to encourage linking to this directory instead of the version on NPM (since it didn't exist) so this exists to avoid breaking anything. - -If you're still using a version from this directory please see the README to update. If you're a contributor, ignore this - you're probably looking for out/. \ No newline at end of file diff --git a/dist/dark-legacy.standalone.min.css b/dist/dark-legacy.standalone.min.css deleted file mode 100755 index ffcd490..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{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 deleted file mode 100644 index 5fb4688..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":"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 deleted file mode 100644 index 8c8aa80..0000000 --- a/dist/dark.css +++ /dev/null @@ -1,573 +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; - --text-muted: #717880; - - --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; - --text-muted: #999999; - - --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 { - font-style: normal; - border: 0; -} - -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; -} - -select[multiple] { - padding-right: 10px; - background-image: none; - overflow-y: auto; -} - -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); -} - -::-moz-placeholder { - color: var(--form-placeholder); -} - -::-ms-input-placeholder { - color: var(--form-placeholder); -} - -::placeholder { - color: var(--form-placeholder); -} - -fieldset { - border: 1px var(--focus) solid; - border-radius: 6px; - margin: 0; - margin-bottom: 6px; - padding: 10px; -} - -legend { - font-size: 0.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: 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); -} - -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 deleted file mode 100644 index 9e37026..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 --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 deleted file mode 100644 index 87e6de3..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;--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 deleted file mode 100644 index 39749d9..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,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,oCAAA,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,CC0CA,CCvEA,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.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 deleted file mode 100755 index d9f8f5e..0000000 --- a/dist/dark.standalone.css +++ /dev/null @@ -1,537 +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; - --text-muted: #717880; - - --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 { - font-style: normal; - border: 0; -} - -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; -} - -select[multiple] { - padding-right: 10px; - background-image: none; - overflow-y: auto; -} - -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); -} - -::-moz-placeholder { - color: var(--form-placeholder); -} - -::-ms-input-placeholder { - color: var(--form-placeholder); -} - -::placeholder { - color: var(--form-placeholder); -} - -fieldset { - border: 1px var(--focus) solid; - border-radius: 6px; - margin: 0; - margin-bottom: 6px; - padding: 10px; -} - -legend { - font-size: 0.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: 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); -} - -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 deleted file mode 100644 index b9f8f96..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 --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 deleted file mode 100755 index 8b6c406..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;--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 deleted file mode 100644 index 81fcaa6..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,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 deleted file mode 100755 index 2fba7ad..0000000 --- a/dist/light-legacy.standalone.css +++ /dev/null @@ -1,626 +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 { - font-style: normal; - border: 0; -} - -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; -} - -select[multiple] { - padding-right: 10px; - background-image: none; - overflow-y: auto; -} - -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; -} - -fieldset { - border: 1px #0096bfab solid; - border-radius: 6px; - margin: 0; - margin-bottom: 6px; - padding: 10px; -} - -legend { - font-size: 0.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: 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; -} - -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 deleted file mode 100644 index 80c217b..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 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 deleted file mode 100755 index 5c1f13c..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{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 deleted file mode 100644 index 191cdc1..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 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 deleted file mode 100644 index 36490fa..0000000 --- a/dist/light.css +++ /dev/null @@ -1,572 +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; - --text-muted: #999999; - - --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; - --text-muted: #717880; - - --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 { - font-style: normal; - border: 0; -} - -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; -} - -select[multiple] { - padding-right: 10px; - background-image: none; - overflow-y: auto; -} - -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); -} - -::-moz-placeholder { - color: var(--form-placeholder); -} - -::-ms-input-placeholder { - color: var(--form-placeholder); -} - -::placeholder { - color: var(--form-placeholder); -} - -fieldset { - border: 1px var(--focus) solid; - border-radius: 6px; - margin: 0; - margin-bottom: 6px; - padding: 10px; -} - -legend { - font-size: 0.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: 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); -} - -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 deleted file mode 100644 index 23a3c7f..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 --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 deleted file mode 100644 index 7618360..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;--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 deleted file mode 100644 index 1197d0e..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":"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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 deleted file mode 100755 index 8ae2d5c..0000000 --- a/dist/light.standalone.css +++ /dev/null @@ -1,537 +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; - --text-muted: #999999; - - --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 { - font-style: normal; - border: 0; -} - -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; -} - -select[multiple] { - padding-right: 10px; - background-image: none; - overflow-y: auto; -} - -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); -} - -::-moz-placeholder { - color: var(--form-placeholder); -} - -::-ms-input-placeholder { - color: var(--form-placeholder); -} - -::placeholder { - color: var(--form-placeholder); -} - -fieldset { - border: 1px var(--focus) solid; - border-radius: 6px; - margin: 0; - margin-bottom: 6px; - padding: 10px; -} - -legend { - font-size: 0.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: 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); -} - -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 deleted file mode 100644 index 87cf2e9..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":"AAAA;;;;EAIE;;ACJF;EACE,0BAA0B;EAC1B,qBAAqB;EACrB,yBAAyB;;EAEzB,oBAAoB;;EAEpB,oBAAoB;EACpB,sBAAsB;EACtB,qBAAqB;;EAErB,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;;EAEf,0BAA0B;EAC1B,uBAAuB;;EAEvB,qCAAgE;EAChE,2CAAuE;;EAEvE,2BAA2B;EAC3B,oBAAoB;;EAEpB,mBAAmB;EACnB,oBAAoB;;EAEpB,weAAoE;AACtE;;AC7BA;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,kBAAkB;EAClB,SAAS;AACX;;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;;;;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;EACE,wFAAwF;EACxF,mBAAmB;AACrB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,mBAAmB;EACnB,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;;AAEA;EACE,8BAA8B;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,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;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,uCAAuC;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,mCAAmC;EACnC,aAAa;EACb,qBAAqB;AACvB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,uCAAuC;EACvC,iBAAiB;EACjB,gBAAgB;EAChB,wBAAwB;AAC1B","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 deleted file mode 100755 index 95efe23..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;--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 deleted file mode 100644 index 90450b7..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,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