0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Bootstrap/scss/mixins/_background-variant.scss
Andres Galante aacfcc248d 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
2017-12-22 19:41:13 -08:00

22 lines
474 B
SCSS

// stylelint-disable declaration-no-important
// Contextual backgrounds
@mixin bg-variant($parent, $color) {
#{$parent} {
background-color: $color !important;
}
a#{$parent},
button#{$parent} {
@include hover-focus {
background-color: darken($color, 10%) !important;
}
}
}
@mixin bg-gradient-variant($parent, $color) {
#{$parent} {
background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
}
}