apply same active/focus shadow styling to button variants

This commit is contained in:
Mark Otto 2017-12-27 16:43:37 -08:00 committed by Mark Otto
parent afc984dca7
commit 1a4a94bfd9
1 changed files with 7 additions and 5 deletions

View File

@ -42,6 +42,7 @@
} }
border-color: $active-border; border-color: $active-border;
&:focus {
// Avoid using mixin so we can pass custom focus shadow properly // Avoid using mixin so we can pass custom focus shadow properly
@if $enable-shadows { @if $enable-shadows {
box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5); box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
@ -50,6 +51,7 @@
} }
} }
} }
}
@mixin button-outline-variant($color, $color-hover: #fff, $active-background: $color, $active-border: $color) { @mixin button-outline-variant($color, $color-hover: #fff, $active-background: $color, $active-border: $color) {
color: $color; color: $color;