| 1 |
efrain |
1 |
// stylelint-disable declaration-no-important
|
|
|
2 |
|
|
|
3 |
// Contextual backgrounds
|
|
|
4 |
|
|
|
5 |
@mixin bg-variant($parent, $color, $ignore-warning: false) {
|
|
|
6 |
#{$parent} {
|
|
|
7 |
background-color: $color !important;
|
|
|
8 |
}
|
|
|
9 |
a#{$parent},
|
|
|
10 |
button#{$parent} {
|
|
|
11 |
@include hover-focus() {
|
|
|
12 |
background-color: darken($color, 10%) !important;
|
|
|
13 |
}
|
|
|
14 |
}
|
|
|
15 |
@include deprecate("The `bg-variant` mixin", "v4.4.0", "v5", $ignore-warning);
|
|
|
16 |
}
|
|
|
17 |
|
|
|
18 |
@mixin bg-gradient-variant($parent, $color, $ignore-warning: false) {
|
|
|
19 |
#{$parent} {
|
|
|
20 |
background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
|
|
|
21 |
}
|
|
|
22 |
@include deprecate("The `bg-gradient-variant` mixin", "v4.5.0", "v5", $ignore-warning);
|
|
|
23 |
}
|