From: Beau Smith <beau@beausmith.com>
Date: Fri, 16 Sep 2016 20:02:52 +0000 (-0700)
Subject: Remove hard-coded value in button-outline-variant
X-Git-Tag: v4.0.0-alpha.6~484^2^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=3df78ce11b33b83e397752b11cbb49a91ff2c5a0;p=thirdparty%2Fbootstrap.git

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.
---

diff --git a/scss/mixins/_buttons.scss b/scss/mixins/_buttons.scss
index 5196ab65e1..853a46bfc5 100644
--- a/scss/mixins/_buttons.scss
+++ b/scss/mixins/_buttons.scss
@@ -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%);
     }