//
// badge.scss
// Extended from Bootstrap
//

@mixin badge-variant-soft($color, $badge-soft-bg-opacity) {
  background-color: rgba($color, $badge-soft-bg-opacity);
  color: $color;

  @at-root a#{&} {
    @include hover-focus {
      background-color: rgba($color, $badge-soft-hover-bg-opacity);
      color: $color;
    }
  }
}