updating the docs to include more responsive fixes, adding rows to the responsive...

diff --git a/bootstrap.css b/bootstrap.css
index 0f6d58ae061d978bee0dc0a2662f99a6738efe88..256ab096bbdd65c53efa529cb9c5a411de0d434c 100644 (file)
--- a/bootstrap.css
+++ b/bootstrap.css
@@ -6,7 +6,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  *
  * Designed and built with all the love in the world @twitter by @mdo and @fat.
- * Date: Mon Oct 17 23:44:56 PDT 2011
+ * Date: Sat Oct 22 15:49:12 PDT 2011
  */
 /* Reset.less
  * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
@@ -2268,6 +2268,9 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
     width: auto;
     padding: 0 10px;
   }
+  .row {
+    margin-left: 0;
+  }
   [class*="span"] {
     float: none;
     display: block;
@@ -2299,6 +2302,9 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
     width: auto;
     padding: 0 10px;
   }
+  .row {
+    margin-left: 0;
+  }
   [class*="span"] {
     float: none;
     display: block;

diff --git a/bootstrap.min.css b/bootstrap.min.css
index 31912f29333dc16d6431e8b4137bc6523afdf36d..e35f0d22349c7673b8b6179199e299dd4f6ac3fb 100644 (file)
--- a/bootstrap.min.css
+++ b/bootstrap.min.css
@@ -321,4 +321,4 @@ button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner{padding:0;
 .media-grid li{display:inline;}
 .media-grid a{float:left;padding:4px;margin:0 0 20px 20px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);}.media-grid a img{display:block;}
 .media-grid a:hover{border-color:#0069d6;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);}
-@media (max-width: 480px){.container{width:auto;padding:0 10px;} [class*="span"]{float:none;display:block;width:auto;margin:0;} .modal{width:auto;margin:0;} .form-horizontal .control-group>label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:0;}}@media (min-width: 480px) and (max-width: 768px){.container{width:auto;padding:0 10px;} [class*="span"]{float:none;display:block;width:auto;margin:0;}}@media (min-width: 768px) and (max-width: 940px){.container{width:748px;} .span1{width:44px;} .span2{width:108px;} .span3{width:172px;} .span4{width:236px;} .span5{width:300px;} .span6{width:364px;} .span7{width:428px;} .span8{width:492px;} .span9{width:556px;} .span10{width:620px;} .span11{width:684px;} .span12{width:748px;} .offset1{margin-left:64px;} .offset2{margin-left:128px;} .offset3{margin-left:192px;} .offset4{margin-left:256px;} .offset5{margin-left:320px;} .offset6{margin-left:384px;} .offset7{margin-left:448px;} .offset8{margin-left:512px;} .offset9{margin-left:576px;} .offset10{margin-left:640px;} .offset11{margin-left:704px;} .offset12{margin-left:768px;}}
+@media (max-width: 480px){.container{width:auto;padding:0 10px;} .row{margin-left:0;} [class*="span"]{float:none;display:block;width:auto;margin:0;} .modal{width:auto;margin:0;} .form-horizontal .control-group>label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:0;}}@media (min-width: 480px) and (max-width: 768px){.container{width:auto;padding:0 10px;} .row{margin-left:0;} [class*="span"]{float:none;display:block;width:auto;margin:0;}}@media (min-width: 768px) and (max-width: 940px){.container{width:748px;} .span1{width:44px;} .span2{width:108px;} .span3{width:172px;} .span4{width:236px;} .span5{width:300px;} .span6{width:364px;} .span7{width:428px;} .span8{width:492px;} .span9{width:556px;} .span10{width:620px;} .span11{width:684px;} .span12{width:748px;} .offset1{margin-left:64px;} .offset2{margin-left:128px;} .offset3{margin-left:192px;} .offset4{margin-left:256px;} .offset5{margin-left:320px;} .offset6{margin-left:384px;} .offset7{margin-left:448px;} .offset8{margin-left:512px;} .offset9{margin-left:576px;} .offset10{margin-left:640px;} .offset11{margin-left:704px;} .offset12{margin-left:768px;}}

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index c1c43b1d8813f40fb0a6850b90584d5156f16b39..b618c44b87af5993b65e514bee7f24c9392f53f0 100644 (file)
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -340,9 +340,17 @@ h2 + table {
   }
 }
 
-@media (min-width: 768px) and (max-width: 900px) {
-  .footer,
-  .jumbotron {
-    min-width: 748px;
+@media (min-width: 768px) and (max-width: 940px) {
+
+  /* Scale down the jumbotron content */
+  .jumbotron h1 {
+    font-size: 72px;
+  }
+
+  /* Provide enough space on right-hand side for benefits list */
+  .jumbotron h1,
+  .jumbotron p {
+    margin-right: 40%;
   }
 }
+

diff --git a/lib/responsive.less b/lib/responsive.less
index a1a33164fe268e5237c536a21afbea5de8f3516d..6cacccad99c6e673f3201f493a46030dd40854c6 100644 (file)
--- a/lib/responsive.less
+++ b/lib/responsive.less
@@ -12,6 +12,10 @@
     width: auto;
     padding: 0 10px;
   }
+  // Undo negative margin on rows
+  .row {
+    margin-left: 0;
+  }
   // Make all columns even
   [class*="span"] {
     float: none;
@@ -57,6 +61,10 @@
     width: auto;
     padding: 0 10px;
   }
+  // Undo negative margin on rows
+  .row {
+    margin-left: 0;
+  }
   // Make all columns even
   [class*="span"] {
     float: none;