// Base class // // Requires one of the contextual, color modifier classes for `color` and // `background-color`.
.badge {
display: inline-block; padding: $badge-padding-y $badge-padding-x; @include font-size($badge-font-size); font-weight: $badge-font-weight; line-height: 1; color: $badge-color; text-align: center; white-space: nowrap; vertical-align: baseline; @include border-radius($badge-border-radius); @include gradient-bg(); // Empty badges collapse automatically &:empty { display: none; }
}
// Quick fix for badges in buttons .btn .badge {
position: relative; top: -1px;
}