Fix .btn-outline-light hover color

mdo · mdo · commit 5b8738afc1c7 · 2017-08-14T21:07:35.000-07:00
Uses some if/else action to ensure there's readable text on hover. Swapped out a hex value to a variable while I was in there. Fixes #23398, fixes #23351.
diff --git a/scss/_buttons.scss b/scss/_buttons.scss
@@ -58,7 +58,11 @@ fieldset[disabled] a.btn {
 
 @each $color, $value in $theme-colors {
   .btn-outline-#{$color} {
-    @include button-outline-variant($value, #fff);
+    @if $color == "light" {
+      @include button-outline-variant($value, $gray-900);
+    } @else {
+      @include button-outline-variant($value, $white);
+    }
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -58,7 +58,11 @@ fieldset[disabled] a.btn {`
`58`	`58`
`59`	`59`	`@each $color, $value in $theme-colors {`
`60`	`60`	`.btn-outline-#{$color} {`
`61`		`- @include button-outline-variant($value, #fff);`
	`61`	`+ @if $color == "light" {`
	`62`	`+ @include button-outline-variant($value, $gray-900);`
	`63`	`+ } @else {`
	`64`	`+ @include button-outline-variant($value, $white);`
	`65`	`+ }`
`62`	`66`	`}`
`63`	`67`	`}`
`64`	`68`