_utilities.focus.scss 397 B

123456789
  1. @use '../settings' as *;
  2. // stylelint-disable declaration-no-important
  3. // Set global focus outline styles so they are consistent across the UI,
  4. // without individual components having to explicitly define focus styles.
  5. // Using !important because we want to enforce only one style is used across the UI.
  6. *:focus-visible {
  7. outline: $focus-outline-width solid theme('colors.focus') !important;
  8. }