git.roojs.org Git - roojs1/blob - scss/bootstrap/mixins/_badge.scss

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