aboutsummaryrefslogtreecommitdiff
path: root/less
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2012-02-05 02:36:21 -0800
committerMark Otto <[email protected]>2012-02-05 02:36:21 -0800
commit85e401a6567e51016357acfe6b01cd5b5c330652 (patch)
treea843d7aa51cf8adc3d0d4363bcbf66e6b4245972 /less
parentf9847b300b2db36bb1623bd1f4928e59aaef1d4e (diff)
downloadbootstrap-85e401a6567e51016357acfe6b01cd5b5c330652.tar.xz
bootstrap-85e401a6567e51016357acfe6b01cd5b5c330652.zip
add label hover style for ability to make it a link
Diffstat (limited to 'less')
-rw-r--r--less/labels.less20
1 files changed, 16 insertions, 4 deletions
diff --git a/less/labels.less b/less/labels.less
index 6337d0e70..268435a0b 100644
--- a/less/labels.less
+++ b/less/labels.less
@@ -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%); }