add block level input mixin for border-box box-sizing

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 6ef4b19101033d9dc45a2ca6b902ff8cf9fb7168..7d65680eca5b65e02e67d2eb165a2bc5752f1b2a 100644 (file)
Binary files a/docs/assets/bootstrap.zip and b/docs/assets/bootstrap.zip differ

diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css
index 14df20d4a5dfa4e2df82b386fe605e469060e45c..30eb71c1816008dadef115043742694c92623d9b 100644 (file)
--- a/docs/assets/css/bootstrap-responsive.css
+++ b/docs/assets/css/bootstrap-responsive.css
@@ -23,6 +23,19 @@
   text-indent: 100%;
   white-space: nowrap;
 }
+.input-block-level {
+  display: block;
+  width: 100%;
+  min-height: 28px;
+  /* Make inputs at least the height of their button counterpart */
+
+  /* Makes inputs behave like true block-level elements */
+
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+}
 .hidden {
   display: none;
   visibility: hidden;
@@ -160,17 +173,9 @@
     /* Makes inputs behave like true block-level elements */
   
     -webkit-box-sizing: border-box;
-    /* Older Webkit */
-  
     -moz-box-sizing: border-box;
-    /* Older FF */
-  
     -ms-box-sizing: border-box;
-    /* IE8 */
-  
     box-sizing: border-box;
-    /* CSS3 spec*/
-  
   }
   .input-prepend input[class*="span"],
   .input-append input[class*="span"] {

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 65b63118c91838fa938bf93316e79dc2176acdc2..e3572169d955c9662d567d4a69c177847a4ca288 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -117,6 +117,19 @@ textarea {
   text-indent: 100%;
   white-space: nowrap;
 }
+.input-block-level {
+  display: block;
+  width: 100%;
+  min-height: 28px;
+  /* Make inputs at least the height of their button counterpart */
+
+  /* Makes inputs behave like true block-level elements */
+
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+}
 body {
   margin: 0;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

diff --git a/less/mixins.less b/less/mixins.less
index 8ff5efe5030b6490a7c7988650d6a0360a0f38a0..b01a32b43fc9aab11c98d45411b86f9dc0415d0e 100644 (file)
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -107,6 +107,7 @@
   white-space: nowrap;
 }
 
+
 // FONTS
 // --------------------------------------------------
 
@@ -142,9 +143,19 @@
 }
 
 
-// Form field states (used in forms.less)
+// FORMS
 // --------------------------------------------------
 
+// Block level inputs
+.input-block-level {
+  display: block;
+  width: 100%;
+  min-height: 28px; /* Make inputs at least the height of their button counterpart */
+  /* Makes inputs behave like true block-level elements */
+  .box-sizing(border-box);
+}
+
+
 // Mixin for form field states
 .formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
   // Set the text color

diff --git a/less/responsive.less b/less/responsive.less
index 6399c1ecdf0373b51ed6afb4ac8a2cbc85046a03..c403760f01a3baa5e7dae7f7aec8079102f17302 100644 (file)
--- a/less/responsive.less
+++ b/less/responsive.less
@@ -182,14 +182,7 @@
   select[class*="span"],
   textarea[class*="span"],
   .uneditable-input {
-    display: block;
-    width: 100%;
-    min-height: 28px; /* Make inputs at least the height of their button counterpart */
-    /* Makes inputs behave like true block-level elements */
-    -webkit-box-sizing: border-box; /* Older Webkit */
-       -moz-box-sizing: border-box; /* Older FF */
-        -ms-box-sizing: border-box; /* IE8 */
-            box-sizing: border-box; /* CSS3 spec*/
+    .input-block-level();
   }
   // But don't let it screw up prepend/append inputs
   .input-prepend input[class*="span"],