0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00

Remove hard-coded value in button-outline-variant

Fixes #20609

PR #20641, another solution to this issue, hard-codes use of $body-color, which may not be the desired color for the text when hovering.
This commit is contained in:
Beau Smith 2016-09-16 13:02:52 -07:00
parent 63129112bb
commit 3df78ce11b

View File

@ -58,21 +58,21 @@
}
}
@mixin button-outline-variant($color) {
@mixin button-outline-variant($color, $color-hover: #fff) {
color: $color;
background-image: none;
background-color: transparent;
border-color: $color;
@include hover {
color: #fff;
color: $color-hover;
background-color: $color;
border-color: $color;
}
&:focus,
&.focus {
color: #fff;
color: $color-hover;
background-color: $color;
border-color: $color;
}
@ -80,14 +80,14 @@
&:active,
&.active,
.open > &.dropdown-toggle {
color: #fff;
color: $color-hover;
background-color: $color;
border-color: $color;
&:hover,
&:focus,
&.focus {
color: #fff;
color: $color-hover;
background-color: darken($color, 17%);
border-color: darken($color, 25%);
}