mirror of
https://github.com/zadam/trilium.git
synced 2025-11-01 10:55:55 +01:00
style(next): refactor CSS
This commit is contained in:
@@ -13,28 +13,29 @@ input[type="text"],
|
|||||||
input[type="number"],
|
input[type="number"],
|
||||||
input[type="password"] {
|
input[type="password"] {
|
||||||
outline: 3px solid transparent;
|
outline: 3px solid transparent;
|
||||||
border: unset;
|
|
||||||
outline-offset: 6px;
|
outline-offset: 6px;
|
||||||
|
border: unset;
|
||||||
|
background: var(--input-background-color);
|
||||||
|
color: var(--input-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
input:not([type]):hover,
|
input:not([type]):hover,
|
||||||
input[type="text"]:hover,
|
input[type="text"]:hover,
|
||||||
input[type="number"]:hover,
|
input[type="number"]:hover,
|
||||||
input[type="password"]:hover {
|
input[type="password"]:hover {
|
||||||
--input-background-color: var(--input-hover-background);
|
background: var(--input-hover-background);
|
||||||
--input-text-color: var(--input-hover-color);
|
color: var(--input-hover-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
input:not([type]):focus,
|
input:not([type]):focus,
|
||||||
input[type="text"]:focus,
|
input[type="text"]:focus,
|
||||||
input[type="number"]:focus,
|
input[type="number"]:focus,
|
||||||
input[type="password"]:focus {
|
input[type="password"]:focus {
|
||||||
--input-background-color: var(--input-focus-background);
|
box-shadow: unset;
|
||||||
--input-text-color: var(--input-focus-color);
|
|
||||||
|
|
||||||
outline: 3px solid var(--input-focus-outline-color);
|
outline: 3px solid var(--input-focus-outline-color);
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: unset;
|
background: var(--input-focus-background);
|
||||||
|
color: var(--input-focus-color);
|
||||||
transition: outline-color 50ms linear,
|
transition: outline-color 50ms linear,
|
||||||
outline-offset 200ms ease-out;
|
outline-offset 200ms ease-out;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user