slate: hover bg color for inverse navbar, closes #544

1 files changed, 15 insertions, 8 deletions

diff --git a/slate/bootswatch.less b/slate/bootswatch.less
index 70761408..21b7b89c 100644
--- a/slate/bootswatch.less
+++ b/slate/bootswatch.less
@@ -8,7 +8,7 @@
 }
 
 .btn-shadow-inverse(@color) {
-  #gradient > .vertical-three-colors(darken(@color, 24%), darken(@color, 18%), 40%, darken(@color, 14%));
+  #gradient > .vertical-three-colors(darken(@color, 24%), darken(@color, 18%), 40%, darken(@color, 16%));
   filter: none;
 }
 
@@ -20,21 +20,28 @@
   border: 1px solid rgba(0, 0, 0, 0.6);
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
 
+  .navbar-nav > li > a {
+    border-right: 1px solid rgba(0, 0, 0, 0.2);
+    border-left: 1px solid rgba(255, 255, 255, 0.1);
+
+    &:hover {
+      .btn-shadow-inverse(@navbar-default-bg);
+      border-left-color: transparent;
+    }
+  }
+
   &-inverse {
     .btn-shadow(@navbar-inverse-bg);
 
     .badge {
       background-color: @navbar-inverse-link-active-bg;
     }
-  }
 
-  &-nav > li > a {
-    border-right: 1px solid rgba(0, 0, 0, 0.2);
-    border-left: 1px solid rgba(255, 255, 255, 0.1);
+    .navbar-nav > li > a {
 
-    &:hover {
-      .btn-shadow-inverse(@navbar-default-bg);
-      border-left-color: transparent;
+      &:hover {
+        .btn-shadow-inverse(@navbar-inverse-bg);
+      }
     }
   }