mirror of
https://github.com/zadam/trilium.git
synced 2025-10-26 07:46:30 +01:00
style(next): refactor CSS
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user