Add styles for focus:invalid form fields.
This commit is contained in:
parent
afe29b6e81
commit
b0bb12afdb
1 changed files with 4 additions and 0 deletions
|
|
@ -146,6 +146,10 @@ main {
|
||||||
&:not(:placeholder-shown):invalid {
|
&:not(:placeholder-shown):invalid {
|
||||||
background-color: var(--color-error-bg);
|
background-color: var(--color-error-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:focus:invalid {
|
||||||
|
background-color: var(--color-warning-bg);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue