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