1
0
mirror of https://github.com/kognise/water.css.git synced 2025-08-13 08:34:45 +02:00
This commit is contained in:
Kognise
2019-08-26 13:10:35 -04:00
parent a2cda5159d
commit 115037438c
28 changed files with 196 additions and 190 deletions

View File

@@ -1 +1 @@
{"version":3,"sources":["dark-legacy.css"],"names":[],"mappings":";;AAOA,uGAAuG;AACvG,sIAC6B;AAT7B;;;;;EAKE","file":"dark-legacy.css","sourcesContent":["/**\r\n * Dark-themed version for legacy browsers:\r\n * Loads the compiled, standalone version of the dark theme,\r\n * but overrides it with the compiled, standalone version of the light theme\r\n * if a system-wide theme preference is set on the user's device.\r\n */\r\n\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css');\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css')\r\n(prefers-color-scheme: light);\r\n"]}
{"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"]}

View File

@@ -1 +1 @@
{"version":3,"sources":["dark-legacy.css"],"names":[],"mappings":"AAOA,uGAAuG,CACvG,sIAHE","file":"dark-legacy.min.css","sourcesContent":["/**\r\n * Dark-themed version for legacy browsers:\r\n * Loads the compiled, standalone version of the dark theme,\r\n * but overrides it with the compiled, standalone version of the light theme\r\n * if a system-wide theme preference is set on the user's device.\r\n */\r\n\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css');\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css')\r\n(prefers-color-scheme: light);\r\n"]}
{"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"]}

View File

@@ -151,14 +151,14 @@ mark {
}
button,
input[type="submit"],
input[type="button"],
input[type="checkbox"],
input[type="range"] {
input[type='submit'],
input[type='button'],
input[type='checkbox'],
input[type='range'] {
cursor: pointer;
}
input:not([type="checkbox"]):not([type="radio"]),
input:not([type='checkbox']):not([type='radio']),
select {
display: block;
}
@@ -211,7 +211,7 @@ textarea {
outline: none;
}
input:not([type="checkbox"]):not([type="radio"]),
input:not([type='checkbox']):not([type='radio']),
select,
button,
textarea {
@@ -226,8 +226,8 @@ textarea {
}
button,
input[type="submit"],
input[type="button"] {
input[type='submit'],
input[type='button'] {
padding-right: 30px;
padding-left: 30px;
}
@@ -236,11 +236,11 @@ button:hover {
background: #324759;
}
input[type="submit"]:hover {
input[type='submit']:hover {
background: #324759;
}
input[type="button"]:hover {
input[type='button']:hover {
background: #324759;
}
@@ -260,11 +260,11 @@ textarea:focus {
box-shadow: 0 0 0 2px #0096bfab;
}
input[type="checkbox"]:active,
input[type="radio"]:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="range"]:active,
input[type='checkbox']:active,
input[type='radio']:active,
input[type='submit']:active,
input[type='button']:active,
input[type='range']:active,
button:active {
transform: translateY(2px);
}
@@ -293,17 +293,18 @@ textarea:disabled {
color: #a9a9a9;
}
input[type="range"] {
input[type='range'] {
-webkit-appearance: none;
margin: 10px 0;
padding: 10px 0;
background: transparent;
}
input[type="range"]:focus {
input[type='range']:focus {
outline: none;
}
input[type="range"]::-webkit-slider-runnable-track {
input[type='range']::-webkit-slider-runnable-track {
width: 100%;
height: 9.5px;
transition: 0.2s;
@@ -311,7 +312,7 @@ input[type="range"]::-webkit-slider-runnable-track {
border-radius: 3px;
}
input[type="range"]::-webkit-slider-thumb {
input[type='range']::-webkit-slider-thumb {
box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;
height: 20px;
width: 20px;
@@ -321,11 +322,11 @@ input[type="range"]::-webkit-slider-thumb {
margin-top: -7px;
}
input[type="range"]:focus::-webkit-slider-runnable-track {
input[type='range']:focus::-webkit-slider-runnable-track {
background: #161f27;
}
input[type="range"]::-moz-range-track {
input[type='range']::-moz-range-track {
width: 100%;
height: 9.5px;
transition: 0.2s;
@@ -333,7 +334,7 @@ input[type="range"]::-moz-range-track {
border-radius: 3px;
}
input[type="range"]::-moz-range-thumb {
input[type='range']::-moz-range-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
height: 20px;
width: 20px;
@@ -341,7 +342,7 @@ input[type="range"]::-moz-range-thumb {
background: #dbdbdb;
}
input[type="range"]::-ms-track {
input[type='range']::-ms-track {
width: 100%;
height: 9.5px;
background: transparent;
@@ -350,21 +351,21 @@ input[type="range"]::-ms-track {
color: transparent;
}
input[type="range"]::-ms-fill-lower {
input[type='range']::-ms-fill-lower {
background: #161f27;
border: 0.2px solid #010101;
border-radius: 3px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type="range"]::-ms-fill-upper {
input[type='range']::-ms-fill-upper {
background: #161f27;
border: 0.2px solid #010101;
border-radius: 3px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type="range"]::-ms-thumb {
input[type='range']::-ms-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 20px;
@@ -373,11 +374,11 @@ input[type="range"]::-ms-thumb {
background: #dbdbdb;
}
input[type="range"]:focus::-ms-fill-lower {
input[type='range']:focus::-ms-fill-lower {
background: #161f27;
}
input[type="range"]:focus::-ms-fill-upper {
input[type='range']:focus::-ms-fill-upper {
background: #161f27;
}

File diff suppressed because one or more lines are too long

View File

@@ -1,2 +1,2 @@
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:#dbdbdb;background:#202b38;text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:#fff}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote,q{border-left:4px solid rgba(0,150,191,.67);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}address,blockquote cite{font-style:normal}a[href^=mailto]:before{content:"📧 "}a[href^=tel]:before{content:"📞 "}a[href^=sms]:before{content:"💬 "}mark{background-color:#efdb43;border-radius:2px;padding:0 2px;color:#000}button,input[type=button],input[type=checkbox],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,textarea{color:#fff;background-color:#161f27;font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input:not([type=checkbox]):not([type=radio]),select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type=button],input[type=submit]{padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:#324759}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(0,150,191,.67)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-webkit-input-placeholder{color:#a9a9a9}:-ms-input-placeholder{color:#a9a9a9}::-ms-input-placeholder{color:#a9a9a9}::placeholder{color:#a9a9a9}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#161f27;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#161f27}a{text-decoration:none;color:#41adff}a:hover{text-decoration:underline}code,samp,time{background:#161f27;color:#ffbe85;padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:#d941e2;font-style:normal;font-family:monospace}kbd{background:#161f27;border:1px solid #dbdbdb;border-radius:2px;color:#dbdbdb;padding:2px 4px}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid #dbdbdb}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid #dbdbdb}tbody tr:nth-child(2n){background-color:#1a242f}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#161f27;border-radius:6px}::-webkit-scrollbar-thumb{background:#324759;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#415c73}::-moz-selection{background-color:#161f27}::selection{background-color:#161f27}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:#dbdbdb;background:#202b38;text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:#fff}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote,q{border-left:4px solid rgba(0,150,191,.67);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}address,blockquote cite{font-style:normal}a[href^=mailto]:before{content:"📧 "}a[href^=tel]:before{content:"📞 "}a[href^=sms]:before{content:"💬 "}mark{background-color:#efdb43;border-radius:2px;padding:0 2px;color:#000}button,input[type=button],input[type=checkbox],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,textarea{color:#fff;background-color:#161f27;font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input:not([type=checkbox]):not([type=radio]),select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type=button],input[type=submit]{padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:#324759}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(0,150,191,.67)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-webkit-input-placeholder{color:#a9a9a9}:-ms-input-placeholder{color:#a9a9a9}::-ms-input-placeholder{color:#a9a9a9}::placeholder{color:#a9a9a9}input[type=range]{-webkit-appearance:none;margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#161f27;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#161f27}a{text-decoration:none;color:#41adff}a:hover{text-decoration:underline}code,samp,time{background:#161f27;color:#ffbe85;padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:#d941e2;font-style:normal;font-family:monospace}kbd{background:#161f27;border:1px solid #dbdbdb;border-radius:2px;color:#dbdbdb;padding:2px 4px}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid #dbdbdb}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid #dbdbdb}tbody tr:nth-child(2n){background-color:#1a242f}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#161f27;border-radius:6px}::-webkit-scrollbar-thumb{background:#324759;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#415c73}::-moz-selection{background-color:#161f27}::selection{background-color:#161f27}
/*# sourceMappingURL=dark-legacy.standalone.min.css.map */

File diff suppressed because one or more lines are too long

57
dist/dark.css vendored
View File

@@ -171,14 +171,14 @@ mark {
}
button,
input[type="submit"],
input[type="button"],
input[type="checkbox"],
input[type="range"] {
input[type='submit'],
input[type='button'],
input[type='checkbox'],
input[type='range'] {
cursor: pointer;
}
input:not([type="checkbox"]):not([type="radio"]),
input:not([type='checkbox']):not([type='radio']),
select {
display: block;
}
@@ -201,7 +201,7 @@ textarea {
outline: none;
}
input:not([type="checkbox"]):not([type="radio"]),
input:not([type='checkbox']):not([type='radio']),
select,
button,
textarea {
@@ -216,15 +216,15 @@ textarea {
}
button,
input[type="submit"],
input[type="button"] {
input[type='submit'],
input[type='button'] {
padding-right: 30px;
padding-left: 30px;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
input[type='submit']:hover,
input[type='button']:hover {
background: var(--button-hover);
}
@@ -235,11 +235,11 @@ textarea:focus {
box-shadow: 0 0 0 2px var(--focus);
}
input[type="checkbox"]:active,
input[type="radio"]:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="range"]:active,
input[type='checkbox']:active,
input[type='radio']:active,
input[type='submit']:active,
input[type='button']:active,
input[type='range']:active,
button:active {
transform: translateY(2px);
}
@@ -268,17 +268,18 @@ textarea:disabled {
color: var(--form-placeholder);
}
input[type="range"] {
input[type='range'] {
-webkit-appearance: none;
margin: 10px 0;
padding: 10px 0;
background: transparent;
}
input[type="range"]:focus {
input[type='range']:focus {
outline: none;
}
input[type="range"]::-webkit-slider-runnable-track {
input[type='range']::-webkit-slider-runnable-track {
width: 100%;
height: 9.5px;
transition: 0.2s;
@@ -286,7 +287,7 @@ input[type="range"]::-webkit-slider-runnable-track {
border-radius: 3px;
}
input[type="range"]::-webkit-slider-thumb {
input[type='range']::-webkit-slider-thumb {
box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;
height: 20px;
width: 20px;
@@ -296,11 +297,11 @@ input[type="range"]::-webkit-slider-thumb {
margin-top: -7px;
}
input[type="range"]:focus::-webkit-slider-runnable-track {
input[type='range']:focus::-webkit-slider-runnable-track {
background: var(--background);
}
input[type="range"]::-moz-range-track {
input[type='range']::-moz-range-track {
width: 100%;
height: 9.5px;
transition: 0.2s;
@@ -308,7 +309,7 @@ input[type="range"]::-moz-range-track {
border-radius: 3px;
}
input[type="range"]::-moz-range-thumb {
input[type='range']::-moz-range-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
height: 20px;
width: 20px;
@@ -316,7 +317,7 @@ input[type="range"]::-moz-range-thumb {
background: var(--border);
}
input[type="range"]::-ms-track {
input[type='range']::-ms-track {
width: 100%;
height: 9.5px;
background: transparent;
@@ -325,21 +326,21 @@ input[type="range"]::-ms-track {
color: transparent;
}
input[type="range"]::-ms-fill-lower {
input[type='range']::-ms-fill-lower {
background: var(--background);
border: 0.2px solid #010101;
border-radius: 3px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type="range"]::-ms-fill-upper {
input[type='range']::-ms-fill-upper {
background: var(--background);
border: 0.2px solid #010101;
border-radius: 3px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type="range"]::-ms-thumb {
input[type='range']::-ms-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 20px;
@@ -348,11 +349,11 @@ input[type="range"]::-ms-thumb {
background: var(--border);
}
input[type="range"]:focus::-ms-fill-lower {
input[type='range']:focus::-ms-fill-lower {
background: var(--background);
}
input[type="range"]:focus::-ms-fill-upper {
input[type='range']:focus::-ms-fill-upper {
background: var(--background);
}

2
dist/dark.css.map vendored

File diff suppressed because one or more lines are too long

2
dist/dark.min.css vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -138,14 +138,14 @@ mark {
}
button,
input[type="submit"],
input[type="button"],
input[type="checkbox"],
input[type="range"] {
input[type='submit'],
input[type='button'],
input[type='checkbox'],
input[type='range'] {
cursor: pointer;
}
input:not([type="checkbox"]):not([type="radio"]),
input:not([type='checkbox']):not([type='radio']),
select {
display: block;
}
@@ -168,7 +168,7 @@ textarea {
outline: none;
}
input:not([type="checkbox"]):not([type="radio"]),
input:not([type='checkbox']):not([type='radio']),
select,
button,
textarea {
@@ -183,15 +183,15 @@ textarea {
}
button,
input[type="submit"],
input[type="button"] {
input[type='submit'],
input[type='button'] {
padding-right: 30px;
padding-left: 30px;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
input[type='submit']:hover,
input[type='button']:hover {
background: var(--button-hover);
}
@@ -202,11 +202,11 @@ textarea:focus {
box-shadow: 0 0 0 2px var(--focus);
}
input[type="checkbox"]:active,
input[type="radio"]:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="range"]:active,
input[type='checkbox']:active,
input[type='radio']:active,
input[type='submit']:active,
input[type='button']:active,
input[type='range']:active,
button:active {
transform: translateY(2px);
}
@@ -235,17 +235,18 @@ textarea:disabled {
color: var(--form-placeholder);
}
input[type="range"] {
input[type='range'] {
-webkit-appearance: none;
margin: 10px 0;
padding: 10px 0;
background: transparent;
}
input[type="range"]:focus {
input[type='range']:focus {
outline: none;
}
input[type="range"]::-webkit-slider-runnable-track {
input[type='range']::-webkit-slider-runnable-track {
width: 100%;
height: 9.5px;
transition: 0.2s;
@@ -253,7 +254,7 @@ input[type="range"]::-webkit-slider-runnable-track {
border-radius: 3px;
}
input[type="range"]::-webkit-slider-thumb {
input[type='range']::-webkit-slider-thumb {
box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;
height: 20px;
width: 20px;
@@ -263,11 +264,11 @@ input[type="range"]::-webkit-slider-thumb {
margin-top: -7px;
}
input[type="range"]:focus::-webkit-slider-runnable-track {
input[type='range']:focus::-webkit-slider-runnable-track {
background: var(--background);
}
input[type="range"]::-moz-range-track {
input[type='range']::-moz-range-track {
width: 100%;
height: 9.5px;
transition: 0.2s;
@@ -275,7 +276,7 @@ input[type="range"]::-moz-range-track {
border-radius: 3px;
}
input[type="range"]::-moz-range-thumb {
input[type='range']::-moz-range-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
height: 20px;
width: 20px;
@@ -283,7 +284,7 @@ input[type="range"]::-moz-range-thumb {
background: var(--border);
}
input[type="range"]::-ms-track {
input[type='range']::-ms-track {
width: 100%;
height: 9.5px;
background: transparent;
@@ -292,21 +293,21 @@ input[type="range"]::-ms-track {
color: transparent;
}
input[type="range"]::-ms-fill-lower {
input[type='range']::-ms-fill-lower {
background: var(--background);
border: 0.2px solid #010101;
border-radius: 3px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type="range"]::-ms-fill-upper {
input[type='range']::-ms-fill-upper {
background: var(--background);
border: 0.2px solid #010101;
border-radius: 3px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type="range"]::-ms-thumb {
input[type='range']::-ms-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 20px;
@@ -315,11 +316,11 @@ input[type="range"]::-ms-thumb {
background: var(--border);
}
input[type="range"]:focus::-ms-fill-lower {
input[type='range']:focus::-ms-fill-lower {
background: var(--background);
}
input[type="range"]:focus::-ms-fill-upper {
input[type='range']:focus::-ms-fill-upper {
background: var(--background);
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1 +1 @@
{"version":3,"sources":["light-legacy.css"],"names":[],"mappings":";;AAOA,wGAAwG;AACxG,oIAC4B;AAT5B;;;;;EAKE","file":"light-legacy.css","sourcesContent":["/**\r\n * Light-themed version for legacy browsers:\r\n * Loads the compiled, standalone version of the light theme at runtime,\r\n * but overrides it with the compiled, standalone version of the dark theme\r\n * if a system-wide theme preference is set on the user's device.\r\n */\r\n\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css');\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css')\r\n(prefers-color-scheme: dark);\r\n"]}
{"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"]}

View File

@@ -1 +1 @@
{"version":3,"sources":["light-legacy.css"],"names":[],"mappings":"AAOA,wGAAwG,CACxG,oIAHE","file":"light-legacy.min.css","sourcesContent":["/**\r\n * Light-themed version for legacy browsers:\r\n * Loads the compiled, standalone version of the light theme at runtime,\r\n * but overrides it with the compiled, standalone version of the dark theme\r\n * if a system-wide theme preference is set on the user's device.\r\n */\r\n\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light-legacy.standalone.min.css');\r\n@import url('https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark-legacy.standalone.min.css')\r\n(prefers-color-scheme: dark);\r\n"]}
{"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"]}

View File

@@ -151,14 +151,14 @@ mark {
}
button,
input[type="submit"],
input[type="button"],
input[type="checkbox"],
input[type="range"] {
input[type='submit'],
input[type='button'],
input[type='checkbox'],
input[type='range'] {
cursor: pointer;
}
input:not([type="checkbox"]):not([type="radio"]),
input:not([type='checkbox']):not([type='radio']),
select {
display: block;
}
@@ -211,7 +211,7 @@ textarea {
outline: none;
}
input:not([type="checkbox"]):not([type="radio"]),
input:not([type='checkbox']):not([type='radio']),
select,
button,
textarea {
@@ -226,8 +226,8 @@ textarea {
}
button,
input[type="submit"],
input[type="button"] {
input[type='submit'],
input[type='button'] {
padding-right: 30px;
padding-left: 30px;
}
@@ -236,11 +236,11 @@ button:hover {
background: #dddddd;
}
input[type="submit"]:hover {
input[type='submit']:hover {
background: #dddddd;
}
input[type="button"]:hover {
input[type='button']:hover {
background: #dddddd;
}
@@ -260,11 +260,11 @@ textarea:focus {
box-shadow: 0 0 0 2px #0096bfab;
}
input[type="checkbox"]:active,
input[type="radio"]:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="range"]:active,
input[type='checkbox']:active,
input[type='radio']:active,
input[type='submit']:active,
input[type='button']:active,
input[type='range']:active,
button:active {
transform: translateY(2px);
}
@@ -293,17 +293,18 @@ textarea:disabled {
color: #949494;
}
input[type="range"] {
input[type='range'] {
-webkit-appearance: none;
margin: 10px 0;
padding: 10px 0;
background: transparent;
}
input[type="range"]:focus {
input[type='range']:focus {
outline: none;
}
input[type="range"]::-webkit-slider-runnable-track {
input[type='range']::-webkit-slider-runnable-track {
width: 100%;
height: 9.5px;
transition: 0.2s;
@@ -311,7 +312,7 @@ input[type="range"]::-webkit-slider-runnable-track {
border-radius: 3px;
}
input[type="range"]::-webkit-slider-thumb {
input[type='range']::-webkit-slider-thumb {
box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;
height: 20px;
width: 20px;
@@ -321,11 +322,11 @@ input[type="range"]::-webkit-slider-thumb {
margin-top: -7px;
}
input[type="range"]:focus::-webkit-slider-runnable-track {
input[type='range']:focus::-webkit-slider-runnable-track {
background: #efefef;
}
input[type="range"]::-moz-range-track {
input[type='range']::-moz-range-track {
width: 100%;
height: 9.5px;
transition: 0.2s;
@@ -333,7 +334,7 @@ input[type="range"]::-moz-range-track {
border-radius: 3px;
}
input[type="range"]::-moz-range-thumb {
input[type='range']::-moz-range-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
height: 20px;
width: 20px;
@@ -341,7 +342,7 @@ input[type="range"]::-moz-range-thumb {
background: #dbdbdb;
}
input[type="range"]::-ms-track {
input[type='range']::-ms-track {
width: 100%;
height: 9.5px;
background: transparent;
@@ -350,21 +351,21 @@ input[type="range"]::-ms-track {
color: transparent;
}
input[type="range"]::-ms-fill-lower {
input[type='range']::-ms-fill-lower {
background: #efefef;
border: 0.2px solid #010101;
border-radius: 3px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type="range"]::-ms-fill-upper {
input[type='range']::-ms-fill-upper {
background: #efefef;
border: 0.2px solid #010101;
border-radius: 3px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type="range"]::-ms-thumb {
input[type='range']::-ms-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 20px;
@@ -373,11 +374,11 @@ input[type="range"]::-ms-thumb {
background: #dbdbdb;
}
input[type="range"]:focus::-ms-fill-lower {
input[type='range']:focus::-ms-fill-lower {
background: #efefef;
}
input[type="range"]:focus::-ms-fill-upper {
input[type='range']:focus::-ms-fill-upper {
background: #efefef;
}

File diff suppressed because one or more lines are too long

View File

@@ -1,2 +1,2 @@
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:#363636;background:#fff;text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:#000}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote,q{border-left:4px solid rgba(0,150,191,.67);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}address,blockquote cite{font-style:normal}a[href^=mailto]:before{content:"📧 "}a[href^=tel]:before{content:"📞 "}a[href^=sms]:before{content:"💬 "}mark{background-color:#ff0;border-radius:2px;padding:0 2px;color:#000}button,input[type=button],input[type=checkbox],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,textarea{color:#000;background-color:#efefef;font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input:not([type=checkbox]):not([type=radio]),select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type=button],input[type=submit]{padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:#ddd}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(0,150,191,.67)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-webkit-input-placeholder{color:#949494}:-ms-input-placeholder{color:#949494}::-ms-input-placeholder{color:#949494}::placeholder{color:#949494}input[type=range]{-webkit-appearance:none;margin:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef}a{text-decoration:none;color:#0076d1}a:hover{text-decoration:underline}code,samp,time{background:#efefef;color:#000;padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:#39a33c;font-style:normal;font-family:monospace}kbd{background:#efefef;border:1px solid #dbdbdb;border-radius:2px;color:#363636;padding:2px 4px}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid #dbdbdb}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid #dbdbdb}tbody tr:nth-child(2n){background-color:#f7f7f7}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#efefef;border-radius:6px}::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#c4c4c4}::-moz-selection{background-color:#9e9e9e}::selection{background-color:#9e9e9e}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:#363636;background:#fff;text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:#000}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote,q{border-left:4px solid rgba(0,150,191,.67);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}address,blockquote cite{font-style:normal}a[href^=mailto]:before{content:"📧 "}a[href^=tel]:before{content:"📞 "}a[href^=sms]:before{content:"💬 "}mark{background-color:#ff0;border-radius:2px;padding:0 2px;color:#000}button,input[type=button],input[type=checkbox],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,textarea{color:#000;background-color:#efefef;font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input:not([type=checkbox]):not([type=radio]),select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type=button],input[type=submit]{padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:#ddd}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(0,150,191,.67)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-webkit-input-placeholder{color:#949494}:-ms-input-placeholder{color:#949494}::-ms-input-placeholder{color:#949494}::placeholder{color:#949494}input[type=range]{-webkit-appearance:none;margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef}a{text-decoration:none;color:#0076d1}a:hover{text-decoration:underline}code,samp,time{background:#efefef;color:#000;padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:#39a33c;font-style:normal;font-family:monospace}kbd{background:#efefef;border:1px solid #dbdbdb;border-radius:2px;color:#363636;padding:2px 4px}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid #dbdbdb}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid #dbdbdb}tbody tr:nth-child(2n){background-color:#f7f7f7}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#efefef;border-radius:6px}::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#c4c4c4}::-moz-selection{background-color:#9e9e9e}::selection{background-color:#9e9e9e}
/*# sourceMappingURL=light-legacy.standalone.min.css.map */

File diff suppressed because one or more lines are too long

57
dist/light.css vendored
View File

@@ -171,14 +171,14 @@ mark {
}
button,
input[type="submit"],
input[type="button"],
input[type="checkbox"],
input[type="range"] {
input[type='submit'],
input[type='button'],
input[type='checkbox'],
input[type='range'] {
cursor: pointer;
}
input:not([type="checkbox"]):not([type="radio"]),
input:not([type='checkbox']):not([type='radio']),
select {
display: block;
}
@@ -201,7 +201,7 @@ textarea {
outline: none;
}
input:not([type="checkbox"]):not([type="radio"]),
input:not([type='checkbox']):not([type='radio']),
select,
button,
textarea {
@@ -216,15 +216,15 @@ textarea {
}
button,
input[type="submit"],
input[type="button"] {
input[type='submit'],
input[type='button'] {
padding-right: 30px;
padding-left: 30px;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
input[type='submit']:hover,
input[type='button']:hover {
background: var(--button-hover);
}
@@ -235,11 +235,11 @@ textarea:focus {
box-shadow: 0 0 0 2px var(--focus);
}
input[type="checkbox"]:active,
input[type="radio"]:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="range"]:active,
input[type='checkbox']:active,
input[type='radio']:active,
input[type='submit']:active,
input[type='button']:active,
input[type='range']:active,
button:active {
transform: translateY(2px);
}
@@ -268,17 +268,18 @@ textarea:disabled {
color: var(--form-placeholder);
}
input[type="range"] {
input[type='range'] {
-webkit-appearance: none;
margin: 10px 0;
padding: 10px 0;
background: transparent;
}
input[type="range"]:focus {
input[type='range']:focus {
outline: none;
}
input[type="range"]::-webkit-slider-runnable-track {
input[type='range']::-webkit-slider-runnable-track {
width: 100%;
height: 9.5px;
transition: 0.2s;
@@ -286,7 +287,7 @@ input[type="range"]::-webkit-slider-runnable-track {
border-radius: 3px;
}
input[type="range"]::-webkit-slider-thumb {
input[type='range']::-webkit-slider-thumb {
box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;
height: 20px;
width: 20px;
@@ -296,11 +297,11 @@ input[type="range"]::-webkit-slider-thumb {
margin-top: -7px;
}
input[type="range"]:focus::-webkit-slider-runnable-track {
input[type='range']:focus::-webkit-slider-runnable-track {
background: var(--background);
}
input[type="range"]::-moz-range-track {
input[type='range']::-moz-range-track {
width: 100%;
height: 9.5px;
transition: 0.2s;
@@ -308,7 +309,7 @@ input[type="range"]::-moz-range-track {
border-radius: 3px;
}
input[type="range"]::-moz-range-thumb {
input[type='range']::-moz-range-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
height: 20px;
width: 20px;
@@ -316,7 +317,7 @@ input[type="range"]::-moz-range-thumb {
background: var(--border);
}
input[type="range"]::-ms-track {
input[type='range']::-ms-track {
width: 100%;
height: 9.5px;
background: transparent;
@@ -325,21 +326,21 @@ input[type="range"]::-ms-track {
color: transparent;
}
input[type="range"]::-ms-fill-lower {
input[type='range']::-ms-fill-lower {
background: var(--background);
border: 0.2px solid #010101;
border-radius: 3px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type="range"]::-ms-fill-upper {
input[type='range']::-ms-fill-upper {
background: var(--background);
border: 0.2px solid #010101;
border-radius: 3px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type="range"]::-ms-thumb {
input[type='range']::-ms-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 20px;
@@ -348,11 +349,11 @@ input[type="range"]::-ms-thumb {
background: var(--border);
}
input[type="range"]:focus::-ms-fill-lower {
input[type='range']:focus::-ms-fill-lower {
background: var(--background);
}
input[type="range"]:focus::-ms-fill-upper {
input[type='range']:focus::-ms-fill-upper {
background: var(--background);
}

2
dist/light.css.map vendored

File diff suppressed because one or more lines are too long

2
dist/light.min.css vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -138,14 +138,14 @@ mark {
}
button,
input[type="submit"],
input[type="button"],
input[type="checkbox"],
input[type="range"] {
input[type='submit'],
input[type='button'],
input[type='checkbox'],
input[type='range'] {
cursor: pointer;
}
input:not([type="checkbox"]):not([type="radio"]),
input:not([type='checkbox']):not([type='radio']),
select {
display: block;
}
@@ -168,7 +168,7 @@ textarea {
outline: none;
}
input:not([type="checkbox"]):not([type="radio"]),
input:not([type='checkbox']):not([type='radio']),
select,
button,
textarea {
@@ -183,15 +183,15 @@ textarea {
}
button,
input[type="submit"],
input[type="button"] {
input[type='submit'],
input[type='button'] {
padding-right: 30px;
padding-left: 30px;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
input[type='submit']:hover,
input[type='button']:hover {
background: var(--button-hover);
}
@@ -202,11 +202,11 @@ textarea:focus {
box-shadow: 0 0 0 2px var(--focus);
}
input[type="checkbox"]:active,
input[type="radio"]:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="range"]:active,
input[type='checkbox']:active,
input[type='radio']:active,
input[type='submit']:active,
input[type='button']:active,
input[type='range']:active,
button:active {
transform: translateY(2px);
}
@@ -235,17 +235,18 @@ textarea:disabled {
color: var(--form-placeholder);
}
input[type="range"] {
input[type='range'] {
-webkit-appearance: none;
margin: 10px 0;
padding: 10px 0;
background: transparent;
}
input[type="range"]:focus {
input[type='range']:focus {
outline: none;
}
input[type="range"]::-webkit-slider-runnable-track {
input[type='range']::-webkit-slider-runnable-track {
width: 100%;
height: 9.5px;
transition: 0.2s;
@@ -253,7 +254,7 @@ input[type="range"]::-webkit-slider-runnable-track {
border-radius: 3px;
}
input[type="range"]::-webkit-slider-thumb {
input[type='range']::-webkit-slider-thumb {
box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;
height: 20px;
width: 20px;
@@ -263,11 +264,11 @@ input[type="range"]::-webkit-slider-thumb {
margin-top: -7px;
}
input[type="range"]:focus::-webkit-slider-runnable-track {
input[type='range']:focus::-webkit-slider-runnable-track {
background: var(--background);
}
input[type="range"]::-moz-range-track {
input[type='range']::-moz-range-track {
width: 100%;
height: 9.5px;
transition: 0.2s;
@@ -275,7 +276,7 @@ input[type="range"]::-moz-range-track {
border-radius: 3px;
}
input[type="range"]::-moz-range-thumb {
input[type='range']::-moz-range-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
height: 20px;
width: 20px;
@@ -283,7 +284,7 @@ input[type="range"]::-moz-range-thumb {
background: var(--border);
}
input[type="range"]::-ms-track {
input[type='range']::-ms-track {
width: 100%;
height: 9.5px;
background: transparent;
@@ -292,21 +293,21 @@ input[type="range"]::-ms-track {
color: transparent;
}
input[type="range"]::-ms-fill-lower {
input[type='range']::-ms-fill-lower {
background: var(--background);
border: 0.2px solid #010101;
border-radius: 3px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type="range"]::-ms-fill-upper {
input[type='range']::-ms-fill-upper {
background: var(--background);
border: 0.2px solid #010101;
border-radius: 3px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type="range"]::-ms-thumb {
input[type='range']::-ms-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 20px;
@@ -315,11 +316,11 @@ input[type="range"]::-ms-thumb {
background: var(--border);
}
input[type="range"]:focus::-ms-fill-lower {
input[type='range']:focus::-ms-fill-lower {
background: var(--background);
}
input[type="range"]:focus::-ms-fill-upper {
input[type='range']:focus::-ms-fill-upper {
background: var(--background);
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long