0
0
mirror of https://github.com/wagtail/wagtail.git synced 2024-12-01 11:41:20 +01:00
wagtail/client/scss/overrides/_utilities.focus.scss
2022-03-15 11:33:12 +00:00

17 lines
579 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 $color-focus-outline !important;
}
*:focus:not(:focus-visible) {
outline: none !important;
}
*:focus-visible {
outline: $focus-outline-width solid $color-focus-outline !important;
}