12345678910111213141516 |
- // stylelint-disable declaration-no-important
- // Set global focus outline styles so they are consistent across the UI,
- // without individual components having to explicitly define focus styles.
- // Using !important because we want to enforce only one style is used across the UI.
- // Remove :focus selectors once we stop supporting Safari 15.4.
- *:focus {
- outline: $focus-outline-width solid theme('colors.focus') !important;
- }
- *:focus:not(:focus-visible) {
- outline: none !important;
- }
- *:focus-visible {
- outline: $focus-outline-width solid theme('colors.focus') !important;
- }
|