mirror of https://github.com/twbs/bootstrap.git
apply same active/focus shadow styling to button variants
This commit is contained in:
parent
afc984dca7
commit
1a4a94bfd9
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue