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