add label hover style for ability to make it a link

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index f772cc9da14f5599d7bb509c2e0a00f1f0a49a0b..c7a6d854cce76ed2509c0141241f2d2cc05b1be4 100644 (file)
Binary files a/docs/assets/bootstrap.zip and b/docs/assets/bootstrap.zip differ

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 2f982b04aa4e844e9191febf7d35e67750061550..3833da61167ebe133fb660f2887166e50ef95e2a 100644 (file)
--- 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 6337d0e7074cf15546744aac4a31569c2f27e4e8..268435a0b5fbb57c1e381cb420cb3d295a6283b5 100644 (file)
--- 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%); }