Home | History | Annotate | Download | only in bootstrap 
      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 
     32   .btn-xs &,
     33   .btn-group-xs > .btn & {
     34     top: 0;
     35     padding: 1px 5px;
     36   }
     37 
     38   // Hover state, but only for links
     39   a& {
     40     &:hover,
     41     &:focus {
     42       color: @badge-link-hover-color;
     43       text-decoration: none;
     44       cursor: pointer;
     45     }
     46   }
     47 
     48   // Account for badges in navs
     49   .list-group-item.active > &,
     50   .nav-pills > .active > a > & {
     51     color: @badge-active-color;
     52     background-color: @badge-active-bg;
     53   }
     54 
     55   .list-group-item > & {
     56     float: right;
     57   }
     58 
     59   .list-group-item > & + & {
     60     margin-right: 5px;
     61   }
     62 
     63   .nav-pills > li > a > & {
     64     margin-left: 3px;
     65   }
     66 }
     67