Fix: checkbox and radio aria-invalid #44

This commit is contained in:
Lucas Larroche 2021-10-25 09:30:01 +07:00
parent 55ec30e953
commit e329c85d28
10 changed files with 165 additions and 45 deletions

View file

@ -119,4 +119,35 @@
margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));
}
}
// Aria-invalid
&[aria-invalid="false"] {
--border-color: var(--form-element-valid-border-color);
&:active,
&:focus {
@if $enable-important {
--border-color: var(
--form-element-valid-active-border-color
) !important;
} @else {
--border-color: var(--form-element-valid-active-border-color);
}
}
}
&[aria-invalid="true"] {
--border-color: var(--form-element-invalid-border-color);
&:active,
&:focus {
@if $enable-important {
--border-color: var(
--form-element-invalid-active-border-color
) !important;
} @else {
--border-color: var(--form-element-invalid-active-border-color);
}
}
}
}