Add Error Inputs to Global CSS
This commit is contained in:
parent
17d2e741cf
commit
6725c1eb84
@ -38,6 +38,8 @@
|
|||||||
|
|
||||||
--c-black: var(--root-c-black);
|
--c-black: var(--root-c-black);
|
||||||
--c-black-highlight: var(--root-c-black-highlight);
|
--c-black-highlight: var(--root-c-black-highlight);
|
||||||
|
|
||||||
|
--c-error: #c0392b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.primary {
|
.primary {
|
||||||
@ -218,6 +220,12 @@ input[type="password"] {
|
|||||||
/* box-shadow: var(--s-0-secondary); */
|
/* box-shadow: var(--s-0-secondary); */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
input[type="text"]:invalid,
|
||||||
|
input[type="password"]:invalid {
|
||||||
|
background-color: var(--c-error);
|
||||||
|
color: var(--c-base);
|
||||||
|
}
|
||||||
|
|
||||||
input[type="text"]::placeholder,
|
input[type="text"]::placeholder,
|
||||||
input[type="password"]::placeholder {
|
input[type="password"]::placeholder {
|
||||||
color: var(--c-primary-highlight);
|
color: var(--c-primary-highlight);
|
||||||
|
Reference in New Issue
Block a user