0
0
mirror of https://github.com/wagtail/wagtail.git synced 2024-11-25 13:10:14 +01:00
wagtail/client/scss/overrides/_utilities.focus.scss

17 lines
581 B
SCSS

// 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;
}