| author | stetrabby <info@trabucchi.de> |
| Fri, 20 Dec 2013 22:30:44 +0100 | |
| changeset 53 | 3416f82943ea |
| permissions | -rwxr-xr-x |
1 //
2 // Labels
3 // --------------------------------------------------
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;
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 }
27 // Empty labels collapse automatically (not available in IE8)
28 &:empty {
29 display: none;
30 }
32 // Quick fix for labels in buttons
33 .btn & {
34 position: relative;
35 top: -1px;
36 }
37 }
39 // Colors
40 // Contextual variations (linked labels get darker on :hover)
42 .label-default {
43 .label-variant(@label-default-bg);
44 }
46 .label-primary {
47 .label-variant(@label-primary-bg);
48 }
50 .label-success {
51 .label-variant(@label-success-bg);
52 }
54 .label-info {
55 .label-variant(@label-info-bg);
56 }
58 .label-warning {
59 .label-variant(@label-warning-bg);
60 }
62 .label-danger {
63 .label-variant(@label-danger-bg);
64 }