1 //

     2 // Badges

     3 // --------------------------------------------------

     4 

     5 

     6 // Base class

     7 .badge {

     8   display: inline-block;

     9   min-width: 10px;

    10   padding: 3px 7px;

    11   font-size: @font-size-small;

    12   font-weight: @badge-font-weight;

    13   color: @badge-color;

    14   line-height: @badge-line-height;

    15   vertical-align: baseline;

    16   white-space: nowrap;

    17   text-align: center;

    18   background-color: @badge-bg;

    19   border-radius: @badge-border-radius;

    20 

    21   // Empty badges collapse automatically (not available in IE8)

    22   &:empty {

    23     display: none;

    24   }

    25 

    26   // Quick fix for badges in buttons

    27   .btn & {

    28     position: relative;

    29     top: -1px;

    30   }

    31   .btn-xs & {

    32     top: 0;

    33     padding: 1px 5px;

    34   }

    35 

    36   // Hover state, but only for links

    37   a& {

    38     &:hover,

    39     &:focus {

    40       color: @badge-link-hover-color;

    41       text-decoration: none;

    42       cursor: pointer;

    43     }

    44   }

    45 

    46   // Account for badges in navs

    47   .list-group-item.active > &,

    48   .nav-pills > .active > a > & {

    49     color: @badge-active-color;

    50     background-color: @badge-active-bg;

    51   }

    52   .list-group-item > & {

    53     float: right;

    54   }

    55   .list-group-item > & + & {

    56     margin-right: 5px;

    57   }

    58   .nav-pills > li > a > & {

    59     margin-left: 3px;

    60   }

    61 }