style: selection and focus color

This commit is contained in:
Lucas Larroche 2023-01-28 12:22:55 +07:00
parent dfa4041b77
commit 6c3e126943
13 changed files with 52 additions and 39 deletions

View file

@ -70,6 +70,8 @@
&:focus-visible {
&:not([role]) {
outline: var(#{$}outline-width) solid var(#{$}primary-focus);
outline-offset: calc(var(#{$}spacing, 1rem) * 0.5);
color: var(#{$}primary);
}
}

View file

@ -104,6 +104,11 @@
box-shadow: 0 0 0 var(#{$}outline-width) var(#{$}form-element-focus-color);
}
// Reset focus visible from accordion component
&:focus-visible {
outline: none;
}
// Aria-invalid
&[aria-invalid="false"] {
#{$✨}form-element-border-color: var(#{$}form-element-valid-border-color);