mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-26 14:54:27 +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:
committed by
Mark Otto
parent
5621c800aa
commit
aacfcc248d
@@ -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;
|
||||
|
@@ -6,7 +6,8 @@
|
||||
#{$parent} {
|
||||
background-color: $color !important;
|
||||
}
|
||||
a#{$parent} {
|
||||
a#{$parent},
|
||||
button#{$parent} {
|
||||
@include hover-focus {
|
||||
background-color: darken($color, 10%) !important;
|
||||
}
|
||||
|
Reference in New Issue
Block a user