diff options
| author | Fuwn <[email protected]> | 2024-01-23 23:00:53 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-23 23:00:53 -0800 |
| commit | d2a5bf359a4f964af342fa1d078fa16b1bd87f8b (patch) | |
| tree | 1c5bcd3d44c8124c2096256646dff8db9edd203b /src/lib/Styles/input.css | |
| parent | refactor(html): preload stylesheets (diff) | |
| download | due.moe-d2a5bf359a4f964af342fa1d078fa16b1bd87f8b.tar.xz due.moe-d2a5bf359a4f964af342fa1d078fa16b1bd87f8b.zip | |
refactor(styles): move out to src
Diffstat (limited to 'src/lib/Styles/input.css')
| -rw-r--r-- | src/lib/Styles/input.css | 141 |
1 files changed, 0 insertions, 141 deletions
diff --git a/src/lib/Styles/input.css b/src/lib/Styles/input.css deleted file mode 100644 index 381f2ebe..00000000 --- a/src/lib/Styles/input.css +++ /dev/null @@ -1,141 +0,0 @@ -input, -select { - cursor: pointer; - position: relative; - background-color: var(--base01); - /* margin: 0; */ - /* width: 1.15em; - height: 1.15em; */ - padding: 0.25em; - border: none; - border-radius: 4px; - transform: translateY(0.175em); - place-content: center; - transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out; - box-shadow: 0 4px 30px var(--base01); -} - -@media (prefers-color-scheme: dark) { - input, - select { - background-color: var(--base07); - /* color: var(--base05); */ - } -} - -input[type='text'], -input[type='number'], -input[type='date'], -input[type='time'], -button { - padding: 0.25em 0.5em; -} - -select { - transform: translateY(0em); - margin-top: 0.25em; - margin-bottom: 0.25em; - padding: 0.25em 0.5em; -} - -input[type='checkbox'] { - -webkit-appearance: none; - appearance: none; - margin: 0; - width: 1.15em; - height: 1.15em; - transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out; -} - -input[type='checkbox']:checked { - background-color: var(--base0C); -} - -input[type='checkbox']:checked:before { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} - -input[type='checkbox']:active { - transform: scale(1); - transition: transform 0.15s ease-in-out; -} - -input[type='checkbox']:hover { - background-color: var(--base0A); -} - -button { - cursor: pointer; - position: relative; - background-color: var(--base0C); - color: var(--base00); - border: none; - border-radius: 4px; - transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out; - box-shadow: 0 4px 30px var(--base01); -} - -button:hover { - background-color: var(--base0A); -} - -button:active { - transform: scale(0.975); -} - -input:disabled, -select:disabled, -button:disabled { - cursor: not-allowed; - opacity: 0.5; -} - -input:disabled:hover, -select:disabled:hover, -button:disabled:hover { - background-color: var(--base0C); -} - -input:disabled:active, -select:disabled:active, -button:disabled:active { - transform: scale(1); -} - -.small-button { - transform: scale(0.875); -} - -.small-button:active { - transform: scale(0.75); -} - -.unclickable-button { - transform: scale(1); -} - -.unclickable-button:active { - transform: scale(1) !important; -} - -.smaller-button { - background-color: var(--base0C); - transform: scale(0.75); -} - -.button-square { - background-color: var(--base0C); - transform: scale(0.75); - padding: 0.125em 0.575em; -} - -.button-lined { - transform: translateY(0.175em); -} - -.button-action { - background-color: var(--base0E); -} |