equal
deleted
inserted
replaced
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 } |
|