Home | History | Annotate | Download | only in bootstrap 
      1 //
      2 // Labels
      3 // --------------------------------------------------
      4 
      5 .label {
      6   display: inline;
      7   padding: .2em .6em .3em;
      8   font-size: 75%;
      9   font-weight: bold;
     10   line-height: 1;
     11   color: @label-color;
     12   text-align: center;
     13   white-space: nowrap;
     14   vertical-align: baseline;
     15   border-radius: .25em;
     16 
     17   // Add hover effects, but only for links
     18   a& {
     19     &:hover,
     20     &:focus {
     21       color: @label-link-hover-color;
     22       text-decoration: none;
     23       cursor: pointer;
     24     }
     25   }
     26 
     27   // Empty labels collapse automatically (not available in IE8)
     28   &:empty {
     29     display: none;
     30   }
     31 
     32   // Quick fix for labels in buttons
     33   .btn & {
     34     position: relative;
     35     top: -1px;
     36   }
     37 }
     38 
     39 // Colors
     40 // Contextual variations (linked labels get darker on :hover)
     41 
     42 .label-default {
     43   .label-variant(@label-default-bg);
     44 }
     45 
     46 .label-primary {
     47   .label-variant(@label-primary-bg);
     48 }
     49 
     50 .label-success {
     51   .label-variant(@label-success-bg);
     52 }
     53 
     54 .label-info {
     55   .label-variant(@label-info-bg);
     56 }
     57 
     58 .label-warning {
     59   .label-variant(@label-warning-bg);
     60 }
     61 
     62 .label-danger {
     63   .label-variant(@label-danger-bg);
     64 }
     65