root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 12 Packages Projects Releases Wiki Activity

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
Show Stats 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;
} }