23 lines
376 B
SCSS
23 lines
376 B
SCSS
//
|
|
// _badge.scss
|
|
//
|
|
|
|
// Soft badge
|
|
@mixin badge-variant-soft($bg) {
|
|
color: $bg;
|
|
background-color: rgba($bg, 0.18);
|
|
|
|
&[href] {
|
|
@include hover-focus {
|
|
color: $bg;
|
|
text-decoration: none;
|
|
background-color: rgba($bg, 0.4);
|
|
}
|
|
}
|
|
}
|
|
|
|
@each $color, $value in $theme-colors {
|
|
.badge-soft-#{$color} {
|
|
@include badge-variant-soft($value);
|
|
}
|
|
} |