// Badges // // // //

class*=“badge”

{

@include transition;

}

@each $color, $value in $colors {

.badge-#{$color} {
  @include badge-variant($value);
}

}

// outline badges @mixin badge-outline($bg) {

color: $bg;
border: $border-width solid $bg;
background-color: transparent;

}

@each $color, $value in $colors {

.badge-outline-#{$color} {
  @include badge-outline($value);
}

}

@each $color, $value in $theme-colors {

.badge-outline-#{$color} {
  @include badge-outline($value);
}

}