| /* ========================================================================== |
| Badges |
| ========================================================================== */ |
| |
| .badge { |
| display: inline-block; |
| background: $badge-background; |
| border-radius: 2em; |
| color: $badge-font-color; |
| font-family: $alt-font; |
| @include font-size(12,no); |
| font-weight: 600; |
| line-height: 1; |
| padding: .25em 1em; |
| text-align: center; |
| |
| &.inverse { |
| background: $white; |
| color: $text-color; |
| } |
| |
| &.info { |
| background: $badge-info-color; |
| color: $white; |
| } |
| |
| &.danger { |
| background: $badge-danger-color; |
| color: $white; |
| } |
| |
| &.warning { |
| background: $badge-warning-color; |
| color: darken($badge-warning-color, 60); |
| } |
| |
| &.success { |
| background: $badge-success-color; |
| color: darken($badge-success-color, 60); |
| } |
| } |