kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

add label hover style for ability to make it a link

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
docs/assets/bootstrap.zip
View file

Binary file not shown.

16
docs/assets/css/bootstrap.css vendored
View file

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

20
less/labels.less
View file

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