1234567891011121314151617 |
- @mixin badge-variant($bg) {
- color: color-yiq($bg);
- background-color: $bg;
- @at-root a#{&} {
- @include hover-focus {
- color: color-yiq($bg);
- background-color: darken($bg, 10%);
- }
- &:focus,
- &.focus {
- outline: 0;
- box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);
- }
- }
- }
|