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-05 11:01:28 +01:00
|
|
|
padding: 2px 4px 3px;
|
|
|
|
|
font-size: @baseFontSize * .85;
|
2012-01-05 19:01:42 +01:00
|
|
|
font-weight: bold;
|
|
|
|
|
color: @white;
|
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%); }
|
