mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-26 14:54:27 +02:00
Code Issues Releases Wiki Activity

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

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files

3
scss/_list-group.scss
View File

@@ -59,6 +59,7 @@
} }
@include hover-focus { @include hover-focus {
z-index: 1; // Place hover/active items above their siblings for proper border styling
text-decoration: none; text-decoration: none;
} }
@@ -70,7 +71,7 @@
// Include both here for `<a>`s and `<button>`s // Include both here for `<a>`s and `<button>`s
&.active { &.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; color: $list-group-active-color;
background-color: $list-group-active-bg; background-color: $list-group-active-bg;
border-color: $list-group-active-border-color; border-color: $list-group-active-border-color;

3
scss/mixins/_background-variant.scss
View File

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