style(next): refactor CSS

This commit is contained in:
Adorian Doran
2025-01-13 21:12:27 +02:00
parent 93e740cf36
commit 56fb70ab5e

View File

@@ -13,28 +13,29 @@ input[type="text"],
input[type="number"],
input[type="password"] {
outline: 3px solid transparent;
border: unset;
outline-offset: 6px;
border: unset;
background: var(--input-background-color);
color: var(--input-text-color);
}
input:not([type]):hover,
input[type="text"]:hover,
input[type="number"]:hover,
input[type="password"]:hover {
--input-background-color: var(--input-hover-background);
--input-text-color: var(--input-hover-color);
background: var(--input-hover-background);
color: var(--input-hover-color);
}
input:not([type]):focus,
input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus {
--input-background-color: var(--input-focus-background);
--input-text-color: var(--input-focus-color);
box-shadow: unset;
outline: 3px solid var(--input-focus-outline-color);
outline-offset: 0;
box-shadow: unset;
background: var(--input-focus-background);
color: var(--input-focus-color);
transition: outline-color 50ms linear,
outline-offset 200ms ease-out;
}