//
 // Badges
 // --------------------------------------------------
 
 
 // Base class
 .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: middle;
   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;
   }
 
   // Quick fix for badges in buttons
   .btn & {
     position: relative;
     top: -1px;
   }
 
   .btn-xs &,
   .btn-group-xs > .btn & {
     top: 0;
     padding: 1px 5px;
   }
 
   // Hover state, but only for links
   a& {
     &:hover,
     &:focus {
       color: @badge-link-hover-color;
       text-decoration: none;
       cursor: pointer;
     }
   }
 
   // Account for badges in navs
   .list-group-item.active > &,
   .nav-pills > .active > a > & {
     color: @badge-active-color;
     background-color: @badge-active-bg;
   }
 
   .list-group-item > & {
     float: right;
   }
 
   .list-group-item > & + & {
     margin-right: 5px;
   }
 
   .nav-pills > li > a > & {
     margin-left: 3px;
   }
 }