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);
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: 2px solid currentColor;
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
&:active {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue