From: Andres Galante <agalante@gmail.com>
Date: Sat, 23 Dec 2017 03:41:13 +0000 (-0300)
Subject: adds hover state to the `button` element for background color utilities (#24813)
X-Git-Tag: v4.0.0-beta.3~38
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=aacfcc248dc2e7168dc85d742292bd4e521f6929;p=thirdparty%2Fbootstrap.git

adds hover state to the `button` element for background color utilities (#24813)

* adds a hover state to the button element on the backrgound color utitility

* Adjust z-index to fix hover/focus overlaps
---

diff --git a/scss/_list-group.scss b/scss/_list-group.scss
index d771364cb0..9f145c1d30 100644
--- a/scss/_list-group.scss
+++ b/scss/_list-group.scss
@@ -59,6 +59,7 @@
   }
 
   @include hover-focus {
+    z-index: 1; // Place hover/active items above their siblings for proper border styling
     text-decoration: none;
   }
 
@@ -70,7 +71,7 @@
 
   // Include both here for `<a>`s and `<button>`s
   &.active {
-    z-index: 1; // Place active items above their siblings for proper border styling
+    z-index: 2; // Place active items above their siblings for proper border styling
     color: $list-group-active-color;
     background-color: $list-group-active-bg;
     border-color: $list-group-active-border-color;
diff --git a/scss/mixins/_background-variant.scss b/scss/mixins/_background-variant.scss
index 7d1bc975c1..494439d2b4 100644
--- a/scss/mixins/_background-variant.scss
+++ b/scss/mixins/_background-variant.scss
@@ -6,7 +6,8 @@
   #{$parent} {
     background-color: $color !important;
   }
-  a#{$parent} {
+  a#{$parent},
+  button#{$parent} {
     @include hover-focus {
       background-color: darken($color, 10%) !important;
     }