// 
// badge.scss
//

.badge {
    color: $white;
}

.badge-light {
    color: $gray-800;
}

// badge lighten

@mixin badge-light-variant($bg) {
    background-color: rgba($bg, 0.2);
    color: $bg !important;
}

@each $color, $value in $theme-colors {
    .badge-light-#{$color} {
      @include badge-light-variant($value);
    }
}