From 492c249537d7cdce6148ac8a1c056c4d89451fb2 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Fri, 1 Mar 2013 00:18:10 -0800
Subject: [PATCH] improve navbar toggle and hide code snippets on mobile
 devices for now

---
 docs/assets/css/bootstrap.css |  6 +++++-
 docs/assets/css/docs.css      | 10 ++++++++++
 docs/css.html                 |  2 +-
 less/navbar.less              |  5 ++++-
 4 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 25878bcbbb..3d6d8bf38e 100644
--- 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 baf022d033..196cacb0fb 100644
--- 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 dd7654ad12..69b132ce0d 100644
--- 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 7fb241c42e..98108ac83e 100644
--- 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