Editing: badge.scss
@mixin badge-outlined-variant($bg) { color: $bg; border: solid 1px $bg; @at-root a#{&} { @include hover-focus() { color: $bg; border: solid 1px darken($bg, 10%); } &:focus, &.focus { outline: 0; box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5); } } } @mixin badge-circle-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); } } }
Save
Back