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:
Deco Vander 2025-07-04 14:50:14 -04:00
parent 4f6b158022
commit 0953f9210e
2 changed files with 6 additions and 1 deletions

File diff suppressed because one or more lines are too long

View file

@ -30,6 +30,11 @@
transform: translateY(-1px);
}
&:focus {
outline: 2px solid currentColor;
outline-offset: 2px;
}
&:active {
transform: translateY(0);
}