_badge.scss 320 B

1234567891011121314151617
  1. @mixin badge-variant($bg) {
  2. color: color-yiq($bg);
  3. background-color: $bg;
  4. @at-root a#{&} {
  5. @include hover-focus() {
  6. color: color-yiq($bg);
  7. background-color: darken($bg, 10%);
  8. }
  9. &:focus,
  10. &.focus {
  11. outline: 0;
  12. box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);
  13. }
  14. }
  15. }