// // Badges // —————————————-
.badge {
background-color: $badges-bgr-color; border-radius: $badges-border-radius; color: $badges-font-color-normal; display: inline-block; font-size: $font-size-small; font-weight: 700; line-height: 1; min-width: 20px; // Linehight + Margin Top & Bottom padding: 3px building-units(.5) 2px; text-align: center; vertical-align: baseline; white-space: nowrap; &:empty { display: none; } .content-list-item > & { float: right; }
}
.badge-positive {
@include badge-variant($badges-bgr-color-positive);
}
.badge-warning {
@include badge-variant($badges-bgr-color-warning);
}
.badge-negative {
@include badge-variant($badges-bgr-color-negative, $badges-font-color-bright);
}
.badge-function {
@include badge-variant($badges-bgr-color-function, $badges-font-color-bright);
}
.badge-brand {
@include badge-variant($badges-bgr-color-brand, $badges-font-color-bright);
}
.badge-dark {
@include badge-variant($badges-bgr-color-dark, $badges-font-color-bright);
}