mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-22 05:03:16 +02:00
Code Issues Releases Wiki Activity

Remove hard-coded value in button-outline-variant

Browse Source 
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
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
scss/mixins/_buttons.scss
View File

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