1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-26 23:04:32 +02:00

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
This commit is contained in:
Andres Galante
2017-12-23 00:41:13 -03:00
committed by Mark Otto
parent 5621c800aa
commit aacfcc248d
2 changed files with 4 additions and 2 deletions

View File

@@ -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;

View File

@@ -6,7 +6,8 @@
#{$parent} {
background-color: $color !important;
}
a#{$parent} {
a#{$parent},
button#{$parent} {
@include hover-focus {
background-color: darken($color, 10%) !important;
}