| author | stetrabby <info@trabucchi.de> |
| Fri, 20 Dec 2013 22:49:16 +0100 | |
| changeset 54 | 0ded9d7748b7 |
| permissions | -rwxr-xr-x |
| info@54 | 1 |
// |
| info@54 | 2 |
// Labels |
| info@54 | 3 |
// -------------------------------------------------- |
| info@54 | 4 |
|
| info@54 | 5 |
.label {
|
| info@54 | 6 |
display: inline; |
| info@54 | 7 |
padding: .2em .6em .3em; |
| info@54 | 8 |
font-size: 75%; |
| info@54 | 9 |
font-weight: bold; |
| info@54 | 10 |
line-height: 1; |
| info@54 | 11 |
color: @label-color; |
| info@54 | 12 |
text-align: center; |
| info@54 | 13 |
white-space: nowrap; |
| info@54 | 14 |
vertical-align: baseline; |
| info@54 | 15 |
border-radius: .25em; |
| info@54 | 16 |
|
| info@54 | 17 |
// Add hover effects, but only for links |
| info@54 | 18 |
&[href] {
|
| info@54 | 19 |
&:hover, |
| info@54 | 20 |
&:focus {
|
| info@54 | 21 |
color: @label-link-hover-color; |
| info@54 | 22 |
text-decoration: none; |
| info@54 | 23 |
cursor: pointer; |
| info@54 | 24 |
} |
| info@54 | 25 |
} |
| info@54 | 26 |
|
| info@54 | 27 |
// Empty labels collapse automatically (not available in IE8) |
| info@54 | 28 |
&:empty {
|
| info@54 | 29 |
display: none; |
| info@54 | 30 |
} |
| info@54 | 31 |
|
| info@54 | 32 |
// Quick fix for labels in buttons |
| info@54 | 33 |
.btn & {
|
| info@54 | 34 |
position: relative; |
| info@54 | 35 |
top: -1px; |
| info@54 | 36 |
} |
| info@54 | 37 |
} |
| info@54 | 38 |
|
| info@54 | 39 |
// Colors |
| info@54 | 40 |
// Contextual variations (linked labels get darker on :hover) |
| info@54 | 41 |
|
| info@54 | 42 |
.label-default {
|
| info@54 | 43 |
.label-variant(@label-default-bg); |
| info@54 | 44 |
} |
| info@54 | 45 |
|
| info@54 | 46 |
.label-primary {
|
| info@54 | 47 |
.label-variant(@label-primary-bg); |
| info@54 | 48 |
} |
| info@54 | 49 |
|
| info@54 | 50 |
.label-success {
|
| info@54 | 51 |
.label-variant(@label-success-bg); |
| info@54 | 52 |
} |
| info@54 | 53 |
|
| info@54 | 54 |
.label-info {
|
| info@54 | 55 |
.label-variant(@label-info-bg); |
| info@54 | 56 |
} |
| info@54 | 57 |
|
| info@54 | 58 |
.label-warning {
|
| info@54 | 59 |
.label-variant(@label-warning-bg); |
| info@54 | 60 |
} |
| info@54 | 61 |
|
| info@54 | 62 |
.label-danger {
|
| info@54 | 63 |
.label-variant(@label-danger-bg); |
| info@54 | 64 |
} |