| // |
| // Badges |
| // -------------------------------------------------- |
| |
| |
| // Base classes |
| .badge { |
| display: inline-block; |
| min-width: 10px; |
| padding: 3px 7px; |
| font-size: @font-size-small; |
| font-weight: @badge-font-weight; |
| color: @badge-color; |
| line-height: @badge-line-height; |
| vertical-align: baseline; |
| white-space: nowrap; |
| text-align: center; |
| background-color: @badge-bg; |
| border-radius: @badge-border-radius; |
| |
| // Empty badges collapse automatically (not available in IE8) |
| &:empty { |
| display: none; |
| } |
| } |
| |
| // Hover state, but only for links |
| a.badge { |
| &:hover, |
| &:focus { |
| color: @badge-link-hover-color; |
| text-decoration: none; |
| cursor: pointer; |
| } |
| } |
| |
| // Quick fix for labels/badges in buttons |
| .btn .badge { |
| position: relative; |
| top: -1px; |
| } |
| |
| // Account for counters in navs |
| a.list-group-item.active > .badge, |
| .nav-pills > .active > a > .badge { |
| color: @badge-active-color; |
| background-color: @badge-active-bg; |
| } |
| .nav-pills > li > a > .badge { |
| margin-left: 3px; |
| } |
