2019-05-22 16:48:40 +00:00
|
|
|
// 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.
|
|
|
|
.focus-outline-on *:focus {
|
2019-05-23 16:51:29 +00:00
|
|
|
outline: $focus-outline-width solid $color-focus-outline !important;
|
2019-05-22 16:48:40 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.focus-outline-off *:focus {
|
|
|
|
outline: none !important;
|
|
|
|
}
|