chore(form): Optimize selectors

This commit is contained in:
Lucas Larroche 2022-03-06 12:26:25 +07:00
parent 201be1cb53
commit f98b2d78a9
17 changed files with 22 additions and 24 deletions

View file

@ -1250,14 +1250,14 @@ textarea[disabled] {
:where(input, select, textarea)[aria-invalid=false] {
--border-color: var(--form-element-valid-border-color);
}
:where(input, select, textarea)[aria-invalid=false]:active, :where(input, select, textarea)[aria-invalid=false]:focus {
:where(input, select, textarea)[aria-invalid=false]:is(:active, :focus) {
--border-color: var(--form-element-valid-active-border-color) !important;
--box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;
}
:where(input, select, textarea)[aria-invalid=true] {
--border-color: var(--form-element-invalid-border-color);
}
:where(input, select, textarea)[aria-invalid=true]:active, :where(input, select, textarea)[aria-invalid=true]:focus {
:where(input, select, textarea)[aria-invalid=true]:is(:active, :focus) {
--border-color: var(--form-element-invalid-active-border-color) !important;
--box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;
}