// Label mixins
// Default: 20px // Large: 24px // Inline: em based
@mixin labels-base {
display: inline-block; padding: 0 7px; font-size: $font-size-small; font-weight: $font-weight-semibold; line-height: 18px; border: $border-width $border-style transparent; border-radius: 2em;
}
@mixin labels-large {
padding-right: 10px; padding-left: 10px; line-height: 22px;
}
// Inline // // Doesn't increase height of parent element // Can be used with different font-sizes
@mixin labels–inline {
display: inline; padding: 0.1667em 0.5em; font-size: 0.9em;
}