Make sure buttons in a button bar have a very visible focus state

This commit is contained in:
Michael Lange 2020-06-17 00:28:15 -07:00
parent c583c00088
commit 64cfa62c71
1 changed files with 11 additions and 0 deletions

View File

@ -73,6 +73,17 @@
}
}
// Buttons have their own focus treatment that needs to be overrided here.
// Since .button.is-color takes precedence over .button-bar .button, each
// color needs the override.
.button {
@each $name, $pair in $colors {
&.is-#{$name}:focus {
box-shadow: inset 0 0 0 2px $grey-lighter;
}
}
}
.dropdown:first-child .ember-power-select-trigger,
.dropdown:first-child .dropdown-trigger,
.button:first-child {