_utilities.focus.scss 444 B

1234567891011
  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. .focus-outline-on *:focus {
  6. outline: $focus-outline-width solid $color-focus-outline !important;
  7. }
  8. .focus-outline-off *:focus {
  9. outline: none !important;
  10. }