improve navbar vars and fix side nav alignment

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index d1feacac1d722c27c34f119e3de2e29b7e141555..6ffc186483a7ebb53352f587fe29fee951412b8b 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -2979,11 +2979,16 @@ button.close {
 }
 
 .navbar-inverse .brand {
-  color: #fff;
+  color: #999999;
 }
 
 .navbar-inverse .brand:hover {
-  background-color: #333;
+  color: #808080;
+  background-color: transparent;
+}
+
+.navbar-inverse .navbar-text {
+  color: #999999;
 }
 
 .navbar-inverse .nav > li > a {

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 4e52cdf6136a7be1d91139eecf0f75a073418250..fc08e30daabcd94e021936ab88c1704339ce9d33 100644 (file)
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -111,6 +111,13 @@ section > ul li {
   color: rgba(255,255,255,.25);
 }
 
+/* Subhead (other docs pages)
+------------------------- */
+
+.subhead {
+  text-align: left;
+}
+
 
 
 /* Marketing section of Overview
@@ -204,10 +211,10 @@ section > ul li {
   /* From here, start to affix the nav because we keep columns here */
   .bs-docs-sidenav.affix {
     position: fixed;
-    top: 10px;
+    top: 54px;
   }
   .bs-docs-sidenav {
-    width: 189px;
+    width: 170px;
   }
 }
 

diff --git a/less/navbar.less b/less/navbar.less
index 7e4b56935e4b8cc4bada914844c229c1a229d5bb..f4fd71237143381562867bd37b11aee5900dac06 100644 (file)
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -115,11 +115,17 @@
     background-color: @navbar-inverse-bg;
 
   .brand {
-    color: #fff;
+    color: @navbar-inverse-brand-color;
     &:hover {
-      background-color: #333;
+      color: @navbar-inverse-brand-color-hover;
+      background-color: @navbar-inverse-brand-bg-hover;
     }
   }
+
+  .navbar-text {
+    color: @navbar-inverse-text;
+  }
+
   .nav > li > a {
     color: @navbar-inverse-link-color;
   }

diff --git a/less/variables.less b/less/variables.less
index a7069ddb426c04c0ec9d5859747f825a0c1b5ee5..45faa69394d657f94c610bf5bcf546ad18de3698 100644 (file)
--- a/less/variables.less
+++ b/less/variables.less
@@ -171,24 +171,29 @@
 @navbar-link-bg-hover:             transparent;
 @navbar-link-bg-active:            darken(@navbar-bg, 10%);
 
-
-
 // Inverted navbar
+@navbar-inverse-text:                       @grayLight;
 @navbar-inverse-bg:                         #222;
 
-@navbar-inverse-text:                      @grayLight;
-@navbar-inverse-link-color:                @grayLight;
-@navbar-inverse-link-color-hover:          #fff;
-@navbar-inverse-link-color-active:         @navbar-inverse-link-color-hover;
-@navbar-inverse-link-bg-hover:             transparent;
-@navbar-inverse-link-bg-active:            @navbar-inverse-bg;
-
-@navbar-inverse-search-background:         lighten(@navbar-inverse-bg, 25%);
-@navbar-inverse-search-background-focus:   #fff;
-@navbar-inverse-search-border:             @navbar-inverse-bg;
-@navbar-inverse-search-placeholder-color:  #ccc;
+// Inverted navbar brand label
+@navbar-inverse-brand-color:                @navbar-inverse-link-color;
+@navbar-inverse-brand-color-hover:          darken(@navbar-inverse-link-color, 10%);
+@navbar-inverse-brand-bg-hover:             transparent;
+
+// Inverted navbar links
+@navbar-inverse-link-color:                 @grayLight;
+@navbar-inverse-link-color-hover:           #fff;
+@navbar-inverse-link-color-active:          @navbar-inverse-link-color-hover;
+@navbar-inverse-link-bg-hover:              transparent;
+@navbar-inverse-link-bg-active:             @navbar-inverse-bg;
+
+// Inverted navbar search
+// Normal navbar needs no special styles or vars
+@navbar-inverse-search-background:          lighten(@navbar-inverse-bg, 25%);
+@navbar-inverse-search-background-focus:    #fff;
+@navbar-inverse-search-border:              @navbar-inverse-bg;
+@navbar-inverse-search-placeholder-color:   #ccc;
 
-@navbar-inverse-brand-color:               @navbar-inverse-link-color;
 
 
 // Pagination