You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
524 B
28 lines
524 B
4 years ago
|
// Background color utility mixin
|
||
|
|
@mixin bg-color-variant($name: ".bg-primary", $color: $primary-color) {
|
||
|
|
#{$name} {
|
||
|
|
background: $color !important;
|
||
|
|
|
||
|
|
@if (lightness($color) < 60) {
|
||
|
|
color: $light-color;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Text color utility mixin
|
||
|
|
@mixin text-color-variant($name: ".text-primary", $color: $primary-color) {
|
||
|
|
#{$name} {
|
||
|
|
color: $color !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
a#{$name} {
|
||
|
|
&:focus,
|
||
|
|
&:hover {
|
||
|
|
color: darken($color, 5%);
|
||
|
|
}
|
||
|
|
&:visited {
|
||
|
|
color: lighten($color, 5%);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|