aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Styles/input.css
diff options
context:
space:
mode:
authorFuwn <[email protected]>2024-01-23 23:00:53 -0800
committerFuwn <[email protected]>2024-01-23 23:00:53 -0800
commitd2a5bf359a4f964af342fa1d078fa16b1bd87f8b (patch)
tree1c5bcd3d44c8124c2096256646dff8db9edd203b /src/lib/Styles/input.css
parentrefactor(html): preload stylesheets (diff)
downloaddue.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.css141
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);
-}