Add Error Inputs to Global CSS

This commit is contained in:
CodeSteak 2020-01-12 17:59:56 +01:00
parent 17d2e741cf
commit 6725c1eb84

View File

@ -38,6 +38,8 @@
--c-black: var(--root-c-black);
--c-black-highlight: var(--root-c-black-highlight);
--c-error: #c0392b;
}
.primary {
@ -218,6 +220,12 @@ input[type="password"] {
/* 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="password"]::placeholder {
color: var(--c-primary-highlight);