123456789101112131415161718192021222324252627 |
- // 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%);
- }
- }
- }
|