// 
// backgrounds.scss
//
// Soft badge
@mixin bg-variant-soft($bg) {
    background-color: rgba($bg, 0.18) !important;
}

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

.bg-soft-dark {
    background-color: rgba(var(--#{$variable-prefix}dark-rgb), .18)!important;
}

.bg-soft-light {
    background-color: rgba(var(--#{$variable-prefix}light-rgb), .18)!important;
}