Consolidate active dropdown toggle styles and comment out the rest

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 65e47130614c2564bb5a23c71396e9f593cefbad..2b00fae4f1a245de29246fb24f81d62dcc88caec 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -3165,10 +3165,18 @@ button.close {
 .nav > li.open > a,
 .nav > li.open > a:hover,
 .nav > li.open > a:focus {
+  color: #fff;
   background-color: #428bca;
   border-color: #428bca;
 }
 
+.nav > li.open > a .caret,
+.nav > li.open > a:hover .caret,
+.nav > li.open > a:focus .caret {
+  border-top-color: #fff;
+  border-bottom-color: #fff;
+}
+
 .nav > .pull-right {
   float: right;
 }
@@ -3318,12 +3326,6 @@ button.close {
   display: block;
 }
 
-.nav-tabs .dropdown-menu {
-  margin-top: -1px;
-  border-top-right-radius: 0;
-  border-top-left-radius: 0;
-}
-
 .nav .caret {
   border-top-color: #428bca;
   border-bottom-color: #428bca;
@@ -3334,90 +3336,47 @@ button.close {
   border-bottom-color: #2a6496;
 }
 
-.nav .active .caret {
+/*.nav .active .caret {
   border-top-color: #fff;
   border-bottom-color: #fff;
 }
-
 .nav-tabs .active .caret {
-  border-top-color: #555555;
-  border-bottom-color: #555555;
-}
-
-.nav > .dropdown.active > a:hover {
-  cursor: pointer;
-}
-
-.nav-tabs .open > a,
-.nav-pills .open > a,
-.nav > li.dropdown.open.active > a:hover {
-  color: #fff;
-  background-color: #999999;
-  border-color: #999999;
-}
-
-.nav li.dropdown.open .caret,
-.nav li.dropdown.open.active .caret,
-.nav li.dropdown.open > a:hover .caret {
-  border-top-color: #fff;
-  border-bottom-color: #fff;
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
-
-.tabs-stacked .open > a:hover {
-  border-color: #999999;
-}
-
-/*
-// Prevent IE8 from misplacing imgs
-// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
-.nav > li > a > img {
-  max-width: none;
-}
-
-// Dropdowns
-// -------------------------
+  border-top-color: @gray;
+  border-bottom-color: @gray;
+}*/
 
 .nav-tabs .dropdown-menu {
-  // Remove the top rounded corners here since there is a hard edge above the menu
-  .border-top-radius(0);
+  margin-top: -1px;
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
 }
 
-// Default dropdown links
-// -------------------------
-// Make carets use linkColor to start
-.nav .dropdown-toggle .caret {
-  border-top-color: @link-color;
-  border-bottom-color: @link-color;
-  margin-top: 8px;
-}
-.nav .dropdown-toggle:hover .caret {
-  border-top-color: @link-hover-color;
-  border-bottom-color: @link-hover-color;
-}
+/*
 
 // Active dropdown links
 // -------------------------
-.nav .active .dropdown-toggle .caret {
+.nav .active .caret {
   border-top-color: #fff;
   border-bottom-color: #fff;
 }
-.nav-tabs .active .dropdown-toggle .caret {
+.nav-tabs .active .caret {
   border-top-color: @gray;
   border-bottom-color: @gray;
 }
+*/
 
+/*
 // Active:hover dropdown links
 // -------------------------
 .nav > .dropdown.active > a:hover {
   cursor: pointer;
 }
+*/
 
-// Open dropdowns
+/*// Open dropdowns
 // -------------------------
-.nav-tabs .open .dropdown-toggle,
-.nav-pills .open .dropdown-toggle,
+.nav > .open > a,
+.nav-pills .open > a,
 .nav > li.dropdown.open.active > a:hover {
   color: #fff;
   background-color: @gray-light;
@@ -3425,18 +3384,16 @@ button.close {
 }
 .nav li.dropdown.open .caret,
 .nav li.dropdown.open.active .caret,
-.nav li.dropdown.open a:hover .caret {
+.nav li.dropdown.open > a:hover .caret {
   border-top-color: #fff;
   border-bottom-color: #fff;
   .opacity(1);
-}
+}*/
 
-// Dropdowns in stacked tabs
+/*// Dropdowns in stacked tabs
 .tabs-stacked .open > a:hover {
   border-color: @gray-light;
-}
-
-*/
+}*/
 
 .navbar {
   position: relative;

diff --git a/less/navs.less b/less/navs.less
index 5496778e532c0f90c71c1049c04a19900c00e7ac..2ea9a925dda05cac60b6e9bd3a32fa03afeb5505 100644 (file)
--- a/less/navs.less
+++ b/less/navs.less
@@ -49,8 +49,13 @@
     &.open > a,
     &.open > a:hover,
     &.open > a:focus {
+      color: #fff;
       background-color: @link-color;
       border-color: @link-color;
+      .caret {
+        border-top-color: #fff;
+        border-bottom-color: #fff;
+      }
     }
   }
 
@@ -223,119 +228,62 @@
 // Dropdowns
 // -------------------------
 
-.nav-tabs .dropdown-menu {
-  // make dropdown border overlap tab border
-  margin-top: -1px;
-  // Remove the top rounded corners here since there is a hard edge above the menu
-  .border-top-radius(0);
+// Make dropdown carets use link color in navs
+.nav .caret {
+  border-top-color: @link-color;
+  border-bottom-color: @link-color;
+}
+.nav a:hover .caret {
+  border-top-color: @link-hover-color;
+  border-bottom-color: @link-hover-color;
 }
 
-
-
-
-
-
-  // Make dropdown carets use link color in navs
-  .nav .caret {
-    border-top-color: @link-color;
-    border-bottom-color: @link-color;
-  }
-  .nav a:hover .caret {
-    border-top-color: @link-hover-color;
-    border-bottom-color: @link-hover-color;
-  }
-
-
-
-// Active dropdown links
-// -------------------------
-.nav .active .caret {
+/*.nav .active .caret {
   border-top-color: #fff;
   border-bottom-color: #fff;
 }
 .nav-tabs .active .caret {
   border-top-color: @gray;
   border-bottom-color: @gray;
-}
-
-// Active:hover dropdown links
-// -------------------------
-.nav > .dropdown.active > a:hover {
-  cursor: pointer;
-}
-
-// Open dropdowns
-// -------------------------
-.nav-tabs .open > a,
-.nav-pills .open > a,
-.nav > li.dropdown.open.active > a:hover {
-  color: #fff;
-  background-color: @gray-light;
-  border-color: @gray-light;
-}
-.nav li.dropdown.open .caret,
-.nav li.dropdown.open.active .caret,
-.nav li.dropdown.open > a:hover .caret {
-  border-top-color: #fff;
-  border-bottom-color: #fff;
-  .opacity(1);
-}
-
-// Dropdowns in stacked tabs
-.tabs-stacked .open > a:hover {
-  border-color: @gray-light;
-}
-
-
-/*
-// Prevent IE8 from misplacing imgs
-// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
-.nav > li > a > img {
-  max-width: none;
-}
+}*/
 
-// Dropdowns
-// -------------------------
 
+// Specific dropdowns
 .nav-tabs .dropdown-menu {
+  // make dropdown border overlap tab border
+  margin-top: -1px;
   // Remove the top rounded corners here since there is a hard edge above the menu
   .border-top-radius(0);
 }
 
-// Default dropdown links
-// -------------------------
-// Make carets use linkColor to start
-.nav .dropdown-toggle .caret {
-  border-top-color: @link-color;
-  border-bottom-color: @link-color;
-  margin-top: 8px;
-}
-.nav .dropdown-toggle:hover .caret {
-  border-top-color: @link-hover-color;
-  border-bottom-color: @link-hover-color;
-}
+
+
+/*
 
 // Active dropdown links
 // -------------------------
-.nav .active .dropdown-toggle .caret {
+.nav .active .caret {
   border-top-color: #fff;
   border-bottom-color: #fff;
 }
-.nav-tabs .active .dropdown-toggle .caret {
+.nav-tabs .active .caret {
   border-top-color: @gray;
   border-bottom-color: @gray;
 }
+*/
 
+/*
 // Active:hover dropdown links
 // -------------------------
 .nav > .dropdown.active > a:hover {
   cursor: pointer;
 }
+*/
 
-// Open dropdowns
+/*// Open dropdowns
 // -------------------------
-.nav-tabs .open .dropdown-toggle,
-.nav-pills .open .dropdown-toggle,
+.nav > .open > a,
+.nav-pills .open > a,
 .nav > li.dropdown.open.active > a:hover {
   color: #fff;
   background-color: @gray-light;
@@ -343,15 +291,13 @@
 }
 .nav li.dropdown.open .caret,
 .nav li.dropdown.open.active .caret,
-.nav li.dropdown.open a:hover .caret {
+.nav li.dropdown.open > a:hover .caret {
   border-top-color: #fff;
   border-bottom-color: #fff;
   .opacity(1);
-}
+}*/
 
-// Dropdowns in stacked tabs
+/*// Dropdowns in stacked tabs
 .tabs-stacked .open > a:hover {
   border-color: @gray-light;
-}
-
-*/
+}*/