1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
@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); } } }