_utilities.focus.scss 581 B

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