Skip to content

Conversation

@mdo
Copy link
Member

@mdo mdo commented Dec 18, 2025

Replace box-shadow focus styles with consistent focus-ring() mixin across components:

  • Accordion, nav, pagination now use @include focus-ring(true)
  • Forms (checkboxes, radios, switches, range, controls) use focus-ring mixin
  • Update focus-ring-offset default from -1px to 1px
  • Remove deprecated *-focus-box-shadow variables

Replace box-shadow focus styles with consistent focus-ring() mixin across components:
- Accordion, nav, pagination now use @include focus-ring(true)
- Forms (checkboxes, radios, switches, range, controls) use focus-ring mixin
- Update focus-ring-offset default from -1px to 1px
- Remove deprecated *-focus-box-shadow variables
@mdo mdo added this to v6.0.0 Dec 18, 2025
@mdo mdo requested a review from a team as a code owner December 18, 2025 17:07
@github-project-automation github-project-automation bot moved this to Inbox in v6.0.0 Dec 18, 2025
@mdo mdo merged commit cd74741 into v6-dev Dec 18, 2025
12 checks passed
@mdo mdo deleted the v6/focus-ring branch December 18, 2025 21:13
mdo added a commit that referenced this pull request Jan 9, 2026
* Standardize focus styles using focus-ring mixin

Replace box-shadow focus styles with consistent focus-ring() mixin across components:
- Accordion, nav, pagination now use @include focus-ring(true)
- Forms (checkboxes, radios, switches, range, controls) use focus-ring mixin
- Update focus-ring-offset default from -1px to 1px
- Remove deprecated *-focus-box-shadow variables

* Fix some focus styles

* Remove unused CSS

* Remove more box-shadow on buttons
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

Status: Inbox

Development

Successfully merging this pull request may close these issues.

2 participants