improve navbar toggle and hide code snippets on mobile devices for now

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 25878bcbbb2ef7a2e1996226ae1b7655dd0a2c0f..3d6d8bf38efb701e35001910fcb6df1a008e3849 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -3217,7 +3217,7 @@ button.close {
   display: block;
   width: 22px;
   height: 2px;
-  background-color: #fff;
+  background-color: #ccc;
   border-radius: 1px;
 }
 
@@ -3331,6 +3331,10 @@ button.close {
   background-color: #333;
 }
 
+.navbar-inverse .navbar-toggle .icon-bar {
+  background-color: #fff;
+}
+
 .navbar-inverse .nav > .divider {
   background-color: #151515;
   border-bottom-color: #2f2f2f;

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index baf022d033ff05011875826e249825494685eb25..196cacb0fb662d3330f1ef6be39b994be41f5e2c 100644 (file)
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -592,6 +592,16 @@ input.focused {
 /* Responsive variations
 -------------------------------------------------- */
 
+/* Hide code snippets on mobile devices */
+@media screen and (max-width: 480px) {
+  .bs-docs-example {
+    border-radius: 4px;
+  }
+  .highlight {
+    display: none;
+  }
+}
+
 /* Tablets and up */
 @media screen and (min-width: 768px) {
 

diff --git a/docs/css.html b/docs/css.html
index dd7654ad1256b0899e6dd88e9c0c9282a213ea80..69b132ce0d5b23250cc7b8050526d4141f4097bb 100644 (file)
--- a/docs/css.html
+++ b/docs/css.html
@@ -2228,7 +2228,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
           </div>
           <p class="lead">For faster mobile-friendly development, use these utility classes for showing and hiding content by device via media query.</p>
 
-          <table class="table table-bordered table-striped responsive-utilities">
+          <table class="table table-bordered table-striped responsive-utilities hidden-phone">
             <thead>
               <tr>
                 <th>Class</th>

diff --git a/less/navbar.less b/less/navbar.less
index 7fb241c42e285755f292d622c18fc4b23d399877..98108ac83ef431539e56c58863b504bb32af8a41 100644 (file)
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -114,7 +114,7 @@
     display: block;
     width: 22px;
     height: 2px;
-    background-color: #fff;
+    background-color: #ccc;
     border-radius: 1px;
   }
   .icon-bar + .icon-bar {
@@ -230,6 +230,9 @@
     &:focus {
       background-color: #333;
     }
+    .icon-bar {
+      background-color: #fff;
+    }
   }
 
   // Darken dividers