cerulean: fix dropdown header color for desktop, thomaspark#237

psmitak · Apr 1, 2014 · 512c8d3 · 512c8d3
1 parent 2157a89
commit 512c8d3
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 19 deletions.
diff --git a/cerulean/bootstrap.css b/cerulean/bootstrap.css
@@ -5793,6 +5793,14 @@ button.close {
   background-color: #fff;
   color: #2fa4e7;
 }
+.navbar-inverse {
+  background-image: -webkit-linear-gradient(#04519b, #044687 60%, #033769);
+  background-image: linear-gradient(#04519b, #044687 60%, #033769);
+  background-repeat: no-repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff04519b', endColorstr='#ff033769', GradientType=0);
+  filter: none;
+  border-bottom: 1px solid #022241;
+}
 .navbar-inverse .badge {
   background-color: #fff;
   color: #033c73;
@@ -5801,16 +5809,10 @@ button.close {
 .navbar-brand {
   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
 }
-.navbar .dropdown-header {
-  color: #fff;
-}
-.navbar-inverse {
-  background-image: -webkit-linear-gradient(#04519b, #044687 60%, #033769);
-  background-image: linear-gradient(#04519b, #044687 60%, #033769);
-  background-repeat: no-repeat;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff04519b', endColorstr='#ff033769', GradientType=0);
-  filter: none;
-  border-bottom: 1px solid #022241;
+@media (max-width: 767px) {
+  .navbar .dropdown-header {
+    color: #fff;
+  }
 }
 .btn {
   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);

diff --git a/cerulean/bootstrap.min.css b/cerulean/bootstrap.min.css
diff --git a/cerulean/bootswatch.less b/cerulean/bootswatch.less
@@ -24,6 +24,9 @@
   }
 
   &-inverse {
+    #gradient > .vertical-three-colors(lighten(@navbar-inverse-bg, 8%), lighten(@navbar-inverse-bg, 4%), 60%, darken(@navbar-inverse-bg, 2%));
+    filter: none;
+    border-bottom: 1px solid darken(@navbar-inverse-bg, 10%);
 
     .badge {
       background-color: #fff;
@@ -35,16 +38,16 @@
   &-brand {
     text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
   }
-
-  .dropdown-header {
-    color: #fff;
-  }
 }
 
-.navbar-inverse {
-  #gradient > .vertical-three-colors(lighten(@navbar-inverse-bg, 8%), lighten(@navbar-inverse-bg, 4%), 60%, darken(@navbar-inverse-bg, 2%));
-  filter: none;
-  border-bottom: 1px solid darken(@navbar-inverse-bg, 10%);
+@media (max-width: @grid-float-breakpoint-max) {
+
+  .navbar {
+
+    .dropdown-header {
+      color: #fff;
+    }
+  }
 }
 
 // Buttons ====================================================================