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