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);
18 @include hover-focus {
19 text-decoration: none;
23 // Empty badges collapse automatically
29 // Quick fix for badges in buttons
37 // Make them extra rounded with a modifier to replace v3's badges.
40 padding-right: $badge-pill-padding-x;
41 padding-left: $badge-pill-padding-x;
42 @include border-radius($badge-pill-border-radius);
47 // Contextual variations (linked badges get darker on :hover).
49 @each $color, $value in $theme-colors {
51 @include badge-variant($value);