css/bootstrap/labels.less

   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   &[href] {
  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 }