add label hover style for ability to make it a link

This commit is contained in:
Mark Otto 2012-02-05 02:36:21 -08:00
parent f9847b300b
commit 85e401a656
3 changed files with 32 additions and 4 deletions

Binary file not shown.

View File

@ -3064,18 +3064,34 @@ a.thumbnail:hover {
-moz-border-radius: 3px;
border-radius: 3px;
}
.label:hover {
color: #ffffff;
text-decoration: none;
}
.label-important {
background-color: #b94a48;
}
.label-important:hover {
background-color: #953b39;
}
.label-warning {
background-color: #f89406;
}
.label-warning:hover {
background-color: #c67605;
}
.label-success {
background-color: #468847;
}
.label-success:hover {
background-color: #356635;
}
.label-info {
background-color: #3a87ad;
}
.label-info:hover {
background-color: #2d6987;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 0 0;

View File

@ -1,6 +1,7 @@
// LABELS
// ------
// Base
.label {
padding: 2px 4px 3px;
font-size: @baseFontSize * .85;
@ -10,11 +11,22 @@
background-color: @grayLight;
.border-radius(3px);
}
.label-important { background-color: @errorText; }
.label-warning { background-color: @orange; }
.label-success { background-color: @successText; }
.label-info { background-color: @infoText; }
// Hover state
.label:hover {
color: @white;
text-decoration: none;
}
// 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%); }