add error state to input element.
This commit is contained in:
parent
ef39cb7ea8
commit
2abc6bfb38
@ -436,6 +436,9 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: var(--color-on-surface);
|
color: var(--color-on-surface);
|
||||||
background-color: var(--color-surface-container-highest);
|
background-color: var(--color-surface-container-highest);
|
||||||
|
&.error {
|
||||||
|
border-color: var(--color-error);
|
||||||
|
}
|
||||||
.input_wrapper & {
|
.input_wrapper & {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: none;
|
border: none;
|
||||||
@ -471,5 +474,8 @@
|
|||||||
border-top-left-radius: calc(var(--border-radius) * 2);
|
border-top-left-radius: calc(var(--border-radius) * 2);
|
||||||
border-top-right-radius: calc(var(--border-radius) * 2);
|
border-top-right-radius: calc(var(--border-radius) * 2);
|
||||||
background-color: var(--color-surface-container-highest);
|
background-color: var(--color-surface-container-highest);
|
||||||
|
&.error {
|
||||||
|
border-color: var(--color-error);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user