fix responsive media queries to use 979 and 980 where appropro

twbs · Feb 17, 2012 · 489276f · 489276f
1 parent 0369c1f
commit 489276f
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 6 deletions.
diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css
@@ -102,7 +102,7 @@
     margin: 0;
   }
 }
-@media (min-width: 768px) and (max-width: 980px) {
+@media (min-width: 768px) and (max-width: 979px) {
   .row {
     margin-left: -20px;
     *zoom: 1;
@@ -278,7 +278,7 @@
     width: 714px;
   }
 }
-@media (max-width: 980px) {
+@media (max-width: 979px) {
   body {
     padding-top: 0;
   }

diff --git a/docs/scaffolding.html b/docs/scaffolding.html
@@ -444,7 +444,7 @@ <h2>Supported devices</h2>
           </tr>
           <tr>
             <td>Landscape tablets</td>
-            <td>768px to 980px</td>
+            <td>768px to 979px</td>
             <td>42px</td>
             <td>20px</td>
           </tr>

diff --git a/docs/templates/pages/scaffolding.mustache b/docs/templates/pages/scaffolding.mustache
@@ -368,7 +368,7 @@
           </tr>
           <tr>
             <td>{{_i}}Landscape tablets{{/i}}</td>
-            <td>768px to 980px</td>
+            <td>768px to 979px</td>
             <td>42px</td>
             <td>20px</td>
           </tr>

diff --git a/less/responsive.less b/less/responsive.less
@@ -154,7 +154,7 @@
 // PORTRAIT TABLET TO DEFAULT DESKTOP
 // ----------------------------------
 
-@media (min-width: 768px) and (max-width: 980px) {
+@media (min-width: 768px) and (max-width: 979px) {
 
   // Fixed grid
   #gridSystem > .generate(12, 42px, 20px);
@@ -171,7 +171,7 @@
 
 // TABLETS AND BELOW
 // -----------------
-@media (max-width: 980px) {
+@media (max-width: 979px) {
 
   // UNFIX THE TOPBAR
   // ----------------