git.roojs.org Git - bootswatch/blob - bower_components/bootstrap/less/labels.less

   1 //
   2 // Labels
   3 // --------------------------------------------------
   4
   5 .label {
   6   display: inline;
   7   padding: .25em .6em;
   8   font-size: 75%;
   9   font-weight: 500;
  10   line-height: 1;
  11   color: @label-color;
  12   text-align: center;
  13   white-space: nowrap;
  14   vertical-align: middle;
  15   background-color: @gray-light;
  16   border-radius: .25em;
  17
  18   // Add hover effects, but only for links
  19   &[href] {
  20     &:hover,
  21     &:focus {
  22       color: @label-link-hover-color;
  23       text-decoration: none;
  24       cursor: pointer;
  25       background-color: darken(@gray-light, 10%);
  26     }
  27   }
  28 }
  29
  30 // Colors
  31 // Contextual variations (linked labels get darker on :hover)
  32 .label-danger {
  33   .label-variant(@label-danger-bg);
  34 }
  35
  36 .label-success {
  37   .label-variant(@label-success-bg);
  38 }
  39
  40 .label-warning {
  41   .label-variant(@label-warning-bg);
  42 }
  43
  44 .label-info {
  45   .label-variant(@label-info-bg);
  46 }