add label hover style for ability to make it a link

3 files changed, 32 insertions, 4 deletions

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index f772cc9da..c7a6d854c 100644
--- a/docs/assets/bootstrap.zip
+++ b/docs/assets/bootstrap.zip
diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 2f982b04a..3833da611 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -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;
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%); }