Add focus state to button mixin for accessibility
- Add :focus pseudo-class to button mixin with outline styling - Improves keyboard navigation accessibility for all buttons - Uses currentColor for outline to adapt to different button styles - Meets WCAG accessibility standards for focus visibility - Update CSS source map after rebuild
This commit is contained in:
parent
4f6b158022
commit
0953f9210e
2 changed files with 6 additions and 1 deletions
File diff suppressed because one or more lines are too long
|
@ -30,6 +30,11 @@
|
||||||
transform: translateY(-1px);
|
transform: translateY(-1px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
outline: 2px solid currentColor;
|
||||||
|
outline-offset: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
transform: translateY(0);
|
transform: translateY(0);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue