diff --git a/.gitignore b/.gitignore index 8a12230..af81de5 100644 --- a/.gitignore +++ b/.gitignore @@ -85,3 +85,6 @@ typings/ # IntelliJ IDE .idea/ + +# Output of yarn build +dist/ \ No newline at end of file diff --git a/dist/dark-legacy.css b/dist/dark-legacy.css deleted file mode 100755 index dc441cb..0000000 --- a/dist/dark-legacy.css +++ /dev/null @@ -1,12 +0,0 @@ - - -@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css'); -@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css') (prefers-color-scheme: light); -/** - * Dark-themed version for legacy browsers: - * Loads the compiled, standalone version of the dark theme, - * but overrides it with the compiled, standalone version of the light theme - * if a system-wide theme preference is set on the user's device. - */ - -/*# sourceMappingURL=dark-legacy.css.map */ diff --git a/dist/dark-legacy.css.map b/dist/dark-legacy.css.map deleted file mode 100644 index 38adc95..0000000 --- a/dist/dark-legacy.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["dark-legacy.css"],"names":[],"mappings":";;AAOA,uGAAuG;AACvG,sIAC6B;AAT7B;;;;;EAKE","file":"dark-legacy.css","sourcesContent":["/**\n * Dark-themed version for legacy browsers:\n * Loads the compiled, standalone version of the dark theme,\n * but overrides it with the compiled, standalone version of the light theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css')\n(prefers-color-scheme: light);\n"]} \ No newline at end of file diff --git a/dist/dark-legacy.min.css b/dist/dark-legacy.min.css deleted file mode 100755 index 94da0ff..0000000 --- a/dist/dark-legacy.min.css +++ /dev/null @@ -1,2 +0,0 @@ -@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css");@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css") (prefers-color-scheme: light); -/*# sourceMappingURL=dark-legacy.min.css.map */ diff --git a/dist/dark-legacy.min.css.map b/dist/dark-legacy.min.css.map deleted file mode 100644 index d505260..0000000 --- a/dist/dark-legacy.min.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["dark-legacy.css"],"names":[],"mappings":"AAOA,uGAAuG,CACvG,sIAHE","file":"dark-legacy.min.css","sourcesContent":["/**\n * Dark-themed version for legacy browsers:\n * Loads the compiled, standalone version of the dark theme,\n * but overrides it with the compiled, standalone version of the light theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css')\n(prefers-color-scheme: light);\n"]} \ No newline at end of file diff --git a/dist/dark-legacy.standalone.css b/dist/dark-legacy.standalone.css deleted file mode 100755 index 0c50157..0000000 --- a/dist/dark-legacy.standalone.css +++ /dev/null @@ -1,619 +0,0 @@ -/** - * Standalone dark-themed version for legacy browsers. - * Includes dark variables and core, compiled at build time so the final output - * will only include regular CSS, no variables. - */ - -body { - font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; - line-height: 1.4; - - max-width: 800px; - margin: 20px auto; - padding: 0 10px; - - color: #dbdbdb; - background: #202b38; - - text-rendering: optimizeLegibility; -} - -button { - transition: background-color 0.1s linear, - border-color 0.1s linear, - color 0.1s linear, - box-shadow 0.1s linear, - transform 0.1s ease; -} - -input { - transition: background-color 0.1s linear, - border-color 0.1s linear, - color 0.1s linear, - box-shadow 0.1s linear, - transform 0.1s ease; -} - -textarea { - transition: background-color 0.1s linear, - border-color 0.1s linear, - color 0.1s linear, - box-shadow 0.1s linear, - transform 0.1s ease; -} - -h1 { - font-size: 2.2em; - margin-top: 0; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - margin-bottom: 12px; -} - -h1 { - color: #ffffff; -} - -h2 { - color: #ffffff; -} - -h3 { - color: #ffffff; -} - -h4 { - color: #ffffff; -} - -h5 { - color: #ffffff; -} - -h6 { - color: #ffffff; -} - -strong { - color: #ffffff; -} - -h1, -h2, -h3, -h4, -h5, -h6, -b, -strong, -th { - font-weight: 600; -} - -q:before { - content: none; -} - -q:after { - content: none; -} - -blockquote{ - border-left: 4px solid #0096bfab; - margin: 1.5em 0em; - padding: 0.5em 1em; - font-style: italic; -} - -q{ - border-left: 4px solid #0096bfab; - margin: 1.5em 0em; - padding: 0.5em 1em; - font-style: italic; -} - -blockquote > footer { - margin-top: 10px; - font-style: normal; -} - -blockquote cite { - font-style: normal; -} - -address { - font-style: normal; -} - -a[href^='mailto']::before { - content: '📧 '; -} - -a[href^='tel']::before { - content: '📞 '; -} - -a[href^='sms']::before { - content: '💬 '; -} - -mark { - background-color: #efdb43; - border-radius: 2px; - padding: 0px 2px 0px 2px; - color: #000000; -} - -button, select, -input[type='submit'], -input[type='button'], -input[type='checkbox'], -input[type='range'], -input[type='radio'] { - cursor: pointer; -} - -input:not([type='checkbox']):not([type='radio']), -select { - display: block; -} - -input { - color: #ffffff; - background-color: #161f27; - - font-family: inherit; - font-size: inherit; - - margin-right: 6px; - margin-bottom: 6px; - padding: 10px; - - border: none; - border-radius: 6px; - outline: none; -} - -button { - color: #ffffff; - background-color: #161f27; - - font-family: inherit; - font-size: inherit; - - margin-right: 6px; - margin-bottom: 6px; - padding: 10px; - - border: none; - border-radius: 6px; - outline: none; -} - -textarea { - color: #ffffff; - background-color: #161f27; - - font-family: inherit; - font-size: inherit; - - margin-right: 6px; - margin-bottom: 6px; - padding: 10px; - - border: none; - border-radius: 6px; - outline: none; -} - -select { - color: #ffffff; - background-color: #161f27; - - font-family: inherit; - font-size: inherit; - - margin-right: 6px; - margin-bottom: 6px; - padding: 10px; - - border: none; - border-radius: 6px; - outline: none; -} - -input, -select, -button, -textarea { - -webkit-appearance: none; -} - -textarea { - margin-right: 0; - width: 100%; - box-sizing: border-box; - resize: vertical; -} - -select { - background: #161f27 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat; - padding-right: 35px; -} - -select::-ms-expand { - display: none; -} - -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: #324759; -} - -input[type='submit']:hover { - background: #324759; -} - -input[type='button']:hover { - background: #324759; -} - -input:focus { - box-shadow: 0 0 0 2px #0096bfab; -} - -select:focus { - box-shadow: 0 0 0 2px #0096bfab; -} - -button:focus { - box-shadow: 0 0 0 2px #0096bfab; -} - -textarea:focus { - box-shadow: 0 0 0 2px #0096bfab; -} - -input[type='checkbox'], -input[type='radio'] { - position: relative; - width: 14px; - height: 14px; - display: inline-block; - vertical-align: middle; - margin: 0; - margin-right: 2px; -} - -input[type='radio'] { - border-radius: 50%; -} - -input[type='checkbox']:checked { - background: #324759; -} - -input[type='radio']:checked { - background: #324759; -} - -input[type='checkbox']:checked::before, -input[type='radio']:checked::before { - content: '•'; - display: block; - position: absolute; - left: 50%; - top: 50%; - transform: translateX(-50%) translateY(-50%); -} - -input[type='checkbox']:checked::before { - content: '✔'; - transform: translateY(-50%) translateY(0.5px) translateX(-6px); -} - -input[type='checkbox']:active, -input[type='radio']:active, -input[type='submit']:active, -input[type='button']:active, -input[type='range']:active, -button:active { - transform: translateY(2px); -} - -input:disabled, -select:disabled, -button:disabled, -textarea:disabled { - cursor: not-allowed; - opacity: 0.5; -} - -::-webkit-input-placeholder { - color: #a9a9a9; -} - -:-ms-input-placeholder { - color: #a9a9a9; -} - -::-ms-input-placeholder { - color: #a9a9a9; -} - -::placeholder { - color: #a9a9a9; -} - -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: #161f27; - border-radius: 3px; -} - -input[type='range']::-webkit-slider-thumb { - box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d; - height: 20px; - width: 20px; - border-radius: 50%; - background: #dbdbdb; - -webkit-appearance: none; - margin-top: -7px; -} - -input[type='range']:focus::-webkit-slider-runnable-track { - background: #161f27; -} - -input[type='range']::-moz-range-track { - width: 100%; - height: 9.5px; - transition: 0.2s; - background: #161f27; - border-radius: 3px; -} - -input[type='range']::-moz-range-thumb { - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; - height: 20px; - width: 20px; - border-radius: 50%; - background: #dbdbdb; -} - -input[type='range']::-ms-track { - width: 100%; - height: 9.5px; - background: transparent; - border-color: transparent; - border-width: 16px 0; - color: transparent; -} - -input[type='range']::-ms-fill-lower { - background: #161f27; - border: 0.2px solid #010101; - border-radius: 3px; - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; -} - -input[type='range']::-ms-fill-upper { - background: #161f27; - border: 0.2px solid #010101; - border-radius: 3px; - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; -} - -input[type='range']::-ms-thumb { - box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; - border: 1px solid #000000; - height: 20px; - width: 20px; - border-radius: 50%; - background: #dbdbdb; -} - -input[type='range']:focus::-ms-fill-lower { - background: #161f27; -} - -input[type='range']:focus::-ms-fill-upper { - background: #161f27; -} - -a { - text-decoration: none; - color: #41adff; -} - -a:hover { - text-decoration: underline; -} - -code { - background: #161f27; - color: #ffbe85; - padding: 2.5px 5px; - border-radius: 6px; - font-size: 1em; -} - -samp { - background: #161f27; - color: #ffbe85; - padding: 2.5px 5px; - border-radius: 6px; - font-size: 1em; -} - -time { - background: #161f27; - color: #ffbe85; - padding: 2.5px 5px; - border-radius: 6px; - font-size: 1em; -} - -pre > code { - padding: 10px; - display: block; - overflow-x: auto; -} - -var { - color: #d941e2; - font-style: normal; - font-family: monospace; -} - -kbd { - background: #161f27; - border: 1px solid #dbdbdb; - border-radius: 2px; - color: #dbdbdb; - padding: 2px 4px 2px 4px; -} - -img { - max-width: 100%; - height: auto; -} - -hr { - border: none; - border-top: 1px solid #dbdbdb; -} - -table { - border-collapse: collapse; - margin-bottom: 10px; - width: 100%; -} - -td, -th { - padding: 6px; - text-align: left; -} - -thead { - border-bottom: 1px solid #dbdbdb; -} - -tfoot { - border-top: 1px solid #dbdbdb; -} - -tbody tr:nth-child(even) { - background-color: #1a242f; -} - -::-webkit-scrollbar { - height: 10px; - width: 10px; -} - -::-webkit-scrollbar-track { - background: #161f27; - border-radius: 6px; -} - -::-webkit-scrollbar-thumb { - background: #324759; - border-radius: 6px; -} - -::-webkit-scrollbar-thumb:hover { - background: rgb(65, 92, 115); -} - -::-moz-selection { - background-color: #161f27; -} - -::selection { - background-color: #161f27; -} - -details { - display: flex; - flex-direction: column; - align-items: flex-start; - background-color: #1a242f; - padding: 10px 10px 0; - margin: 1em 0; - border-radius: 6px; - overflow: hidden; -} - -details[open] { - padding: 10px; -} - -details > :last-child { - margin-bottom: 0; -} - -details[open] summary { - margin-bottom: 10px; -} - -summary { - display: list-item; - background-color: #161f27; - padding: 10px; - margin: -10px -10px 0; -} - -details > :not(summary) { - margin-top: 0; -} - -summary::-webkit-details-marker { - color: #dbdbdb; -} - -/*# sourceMappingURL=dark-legacy.standalone.css.map */ diff --git a/dist/dark-legacy.standalone.css.map b/dist/dark-legacy.standalone.css.map deleted file mode 100644 index 00b3f70..0000000 --- a/dist/dark-legacy.standalone.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["dark-legacy.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"dark-legacy.standalone.css","sourcesContent":["/**\n * Standalone dark-themed version for legacy browsers.\n * Includes dark variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n\n@import '../variables-dark.css';\n@import '../parts/_core.css';\n","body {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n\n color: var(--text-main);\n background: var(--background-body);\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color var(--animation-duration) linear,\n border-color var(--animation-duration) linear,\n color var(--animation-duration) linear,\n box-shadow var(--animation-duration) linear,\n transform var(--animation-duration) ease;\n}\n","h1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nq:before {\n content: none;\n}\n\nq:after {\n content: none;\n}\n\nblockquote , q{\n border-left: 4px solid var(--focus);\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}\n\nmark {\n background-color: var(--highlight);\n border-radius: 2px;\n padding: 0px 2px 0px 2px;\n color: #000000;\n}","button, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\n color: var(--form-text);\n background-color: var(--background);\n\n font-family: inherit;\n font-size: inherit;\n\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput,\nselect,\nbutton,\ntextarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nselect {\n background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n padding-right: 35px;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n padding-right: 10px;\n background-image: none;\n overflow-y: auto;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox'],\ninput[type='radio'] {\n position: relative;\n width: 14px;\n height: 14px;\n display: inline-block;\n vertical-align: middle;\n margin: 0;\n margin-right: 2px;\n}\n\ninput[type='radio'] {\n border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n content: '•';\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n content: '✔';\n transform: translateY(-50%) translateY(0.5px) translateX(-6px);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n\n::placeholder {\n color: var(--form-placeholder);\n}\n\nfieldset {\n border: 1px var(--focus) solid;\n border-radius: 6px;\n margin: 0;\n margin-bottom: 6px;\n padding: 10px;\n}\n\nlegend {\n font-size: 0.9em;\n font-weight: 600;\n}","input[type='range'] {\n margin: 10px 0;\n padding: 10px 0;\n background: transparent;\n}\n\ninput[type='range']:focus {\n outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n -webkit-appearance: none;\n margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n width: 100%;\n height: 9.5px;\n transition: 0.2s;\n background: var(--background);\n border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n width: 100%;\n height: 9.5px;\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n background: var(--background);\n border: 0.2px solid #010101;\n border-radius: 3px;\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n border: 1px solid #000000;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n background: var(--background);\n}","a {\n text-decoration: none;\n color: var(--links);\n}\n\na:hover {\n text-decoration: underline;\n}","code, samp, time {\n background: var(--background);\n color: var(--code);\n padding: 2.5px 5px;\n border-radius: 6px;\n font-size: 1em;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nvar {\n color: var(--variable);\n font-style: normal;\n font-family: monospace;\n}\n\nkbd {\n background: var(--background);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--text-main);\n padding: 2px 4px 2px 4px;\n}","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid var(--border);\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd,\nth {\n padding: 6px;\n text-align: left;\n}\n\nthead {\n border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n border-top: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--background);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n background-color: var(--selection);\n}\n\ndetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--background-alt);\n padding: 10px 10px 0;\n margin: 1em 0;\n border-radius: 6px;\n overflow: hidden;\n}\n\ndetails[open] {\n padding: 10px;\n}\n\ndetails > :last-child {\n margin-bottom: 0;\n}\n\ndetails[open] summary {\n margin-bottom: 10px;\n}\n\nsummary {\n display: list-item;\n background-color: var(--background);\n padding: 10px;\n margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n color: var(--text-main);\n}\n"]} \ No newline at end of file diff --git a/dist/light-legacy.css b/dist/light-legacy.css deleted file mode 100755 index 5024db4..0000000 --- a/dist/light-legacy.css +++ /dev/null @@ -1,12 +0,0 @@ - - -@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css'); -@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css') (prefers-color-scheme: dark); -/** - * Light-themed version for legacy browsers: - * Loads the compiled, standalone version of the light theme at runtime, - * but overrides it with the compiled, standalone version of the dark theme - * if a system-wide theme preference is set on the user's device. - */ - -/*# sourceMappingURL=light-legacy.css.map */ diff --git a/dist/light-legacy.css.map b/dist/light-legacy.css.map deleted file mode 100644 index 9933d89..0000000 --- a/dist/light-legacy.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["light-legacy.css"],"names":[],"mappings":";;AAOA,wGAAwG;AACxG,oIAC4B;AAT5B;;;;;EAKE","file":"light-legacy.css","sourcesContent":["/**\n * Light-themed version for legacy browsers:\n * Loads the compiled, standalone version of the light theme at runtime,\n * but overrides it with the compiled, standalone version of the dark theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css')\n(prefers-color-scheme: dark);\n"]} \ No newline at end of file diff --git a/dist/light-legacy.min.css b/dist/light-legacy.min.css deleted file mode 100755 index a29606f..0000000 --- a/dist/light-legacy.min.css +++ /dev/null @@ -1,2 +0,0 @@ -@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css");@import url("https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css") (prefers-color-scheme: dark); -/*# sourceMappingURL=light-legacy.min.css.map */ diff --git a/dist/light-legacy.min.css.map b/dist/light-legacy.min.css.map deleted file mode 100644 index c571405..0000000 --- a/dist/light-legacy.min.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["light-legacy.css"],"names":[],"mappings":"AAOA,wGAAwG,CACxG,oIAHE","file":"light-legacy.min.css","sourcesContent":["/**\n * Light-themed version for legacy browsers:\n * Loads the compiled, standalone version of the light theme at runtime,\n * but overrides it with the compiled, standalone version of the dark theme\n * if a system-wide theme preference is set on the user's device.\n */\n\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css');\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css')\n(prefers-color-scheme: dark);\n"]} \ No newline at end of file diff --git a/package.json b/package.json index fb6a92e..a7aa8c5 100644 --- a/package.json +++ b/package.json @@ -5,7 +5,8 @@ "main": "index.js", "scripts": { "build": "gulp style", - "dev": "gulp watch" + "dev": "gulp watch", + "prepublishOnly": "yarn build" }, "repository": { "type": "git", @@ -57,5 +58,8 @@ "UCAndroid > 12.12", "Samsung > 5" ] - } + }, + "files": [ + "dist" + ] }