3 // Requires one of the contextual, color modifier classes for `color` and
8 padding: $badge-padding-y $badge-padding-x;
9 font-size: $badge-font-size;
10 font-weight: $badge-font-weight;
14 vertical-align: baseline;
15 @include border-radius($badge-border-radius);
17 // Empty badges collapse automatically
23 // Quick fix for badges in buttons
31 // Make them extra rounded with a modifier to replace v3's badges.
34 padding-right: $badge-pill-padding-x;
35 padding-left: $badge-pill-padding-x;
36 @include border-radius($badge-pill-border-radius);
41 // Contextual variations (linked badges get darker on :hover).
43 @each $color, $value in $theme-colors {
45 @include badge-variant($value);