2012-01-05 19:01:42 +01:00
|
|
|
// LABELS
|
|
|
|
|
// ------
|
|
|
|
|
|
2012-02-05 11:36:21 +01:00
|
|
|
// Base
|
2012-01-05 19:01:42 +01:00
|
|
|
.label {
|
2012-02-22 17:12:25 +01:00
|
|
|
padding: 1px 4px 2px;
|
|
|
|
|
font-size: @baseFontSize * .846;
|
2012-01-05 19:01:42 +01:00
|
|
|
font-weight: bold;
|
2012-02-28 06:50:54 +01:00
|
|
|
line-height: 13px; // ensure proper line-height if floated
|
2012-01-05 19:01:42 +01:00
|
|
|
color: @white;
|
2012-03-12 05:44:00 +01:00
|
|
|
vertical-align: middle;
|
2012-02-28 06:50:54 +01:00
|
|
|
white-space: nowrap;
|
2012-02-05 11:01:28 +01:00
|
|
|
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
2012-01-05 19:01:42 +01:00
|
|
|
background-color: @grayLight;
|
|
|
|
|
.border-radius(3px);
|
|
|
|
|
}
|
2012-02-05 11:36:21 +01:00
|
|
|
|
|
|
|
|
// Hover state
|
2012-02-01 11:59:38 +01:00
|
|
|
.label:hover {
|
|
|
|
|
color: @white;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
2012-02-05 11:36:21 +01:00
|
|
|
|
|
|
|
|
// Colors
|
|
|
|
|
.label-important { background-color: @errorText; }
|
|
|
|
|
.label-important:hover { background-color: darken(@errorText, 10%); }
|
|
|
|
|
|
|
|
|
|
.label-warning { background-color: @orange; }
|
|
|
|
|
.label-warning:hover { background-color: darken(@orange, 10%); }
|
|
|
|
|
|
|
|
|
|
.label-success { background-color: @successText; }
|
|
|
|
|
.label-success:hover { background-color: darken(@successText, 10%); }
|
|
|
|
|
|
|
|
|
|
.label-info { background-color: @infoText; }
|
|
|
|
|
.label-info:hover { background-color: darken(@infoText, 10%); }
|
2012-02-13 09:41:28 +01:00
|
|
|
|
|
|
|
|
.label-inverse { background-color: @grayDark; }
|
|
|
|
|
.label-inverse:hover { background-color: darken(@grayDark, 10%); }
|
