mirror of
https://github.com/Hopiu/bootstrap.git
synced 2026-03-20 22:40:23 +00: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:
parent
63129112bb
commit
3df78ce11b
1 changed files with 5 additions and 5 deletions
|
|
@ -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%);
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue