invert dropdown styles in navbar for inverse variation

1 files changed, 23 insertions, 0 deletions

diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css
index 364047ee3..ed796bbb7 100644
--- a/dist/css/bootstrap.css
+++ b/dist/css/bootstrap.css
@@ -3415,6 +3415,29 @@ button.close {
   border-bottom-color: #ffffff;
 }
 
+@media (max-width: 767px) {
+  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
+    color: #999999;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
+    color: #ffffff;
+    background-color: transparent;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
+    color: #ffffff;
+    background-color: #080808;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+    color: #444444;
+    background-color: transparent;
+  }
+}
+
 @media screen and (min-width: 768px) {
   .navbar-nav {
     float: left;