]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
fix input grid sizing, fix background color on form actions and append add-ons
authorMark Otto <markotto@twitter.com>
Tue, 6 Mar 2012 07:06:27 +0000 (23:06 -0800)
committerMark Otto <markotto@twitter.com>
Tue, 6 Mar 2012 07:06:27 +0000 (23:06 -0800)
docs/assets/bootstrap.zip
docs/assets/css/bootstrap-responsive.css
docs/assets/css/bootstrap.css
less/forms.less
less/mixins.less

index 069beaf06df4bb877d396c139946d75ce6951583..e4d53ed8be415a4a72f35c8defeebe9c1089d251 100644 (file)
Binary files a/docs/assets/bootstrap.zip and b/docs/assets/bootstrap.zip differ
index 447a865c8ed9fb1fb46b6d58052a1bdf999fcdbb..c327f7f0705e48a1f53e4d74c1b1bf15093563a2 100644 (file)
   input, textarea, .uneditable-input {
     margin-left: 0;
   }
-  input > .span1, textarea > .span1, .uneditable-input > .span1 {
+  input.span1, textarea.span1, .uneditable-input.span1 {
     width: 32px;
   }
-  input > .span2, textarea > .span2, .uneditable-input > .span2 {
+  input.span2, textarea.span2, .uneditable-input.span2 {
     width: 94px;
   }
-  input > .span3, textarea > .span3, .uneditable-input > .span3 {
+  input.span3, textarea.span3, .uneditable-input.span3 {
     width: 156px;
   }
-  input > .span4, textarea > .span4, .uneditable-input > .span4 {
+  input.span4, textarea.span4, .uneditable-input.span4 {
     width: 218px;
   }
-  input > .span5, textarea > .span5, .uneditable-input > .span5 {
+  input.span5, textarea.span5, .uneditable-input.span5 {
     width: 280px;
   }
-  input > .span6, textarea > .span6, .uneditable-input > .span6 {
+  input.span6, textarea.span6, .uneditable-input.span6 {
     width: 342px;
   }
-  input > .span7, textarea > .span7, .uneditable-input > .span7 {
+  input.span7, textarea.span7, .uneditable-input.span7 {
     width: 404px;
   }
-  input > .span8, textarea > .span8, .uneditable-input > .span8 {
+  input.span8, textarea.span8, .uneditable-input.span8 {
     width: 466px;
   }
-  input > .span9, textarea > .span9, .uneditable-input > .span9 {
+  input.span9, textarea.span9, .uneditable-input.span9 {
     width: 528px;
   }
-  input > .span10, textarea > .span10, .uneditable-input > .span10 {
+  input.span10, textarea.span10, .uneditable-input.span10 {
     width: 590px;
   }
-  input > .span11, textarea > .span11, .uneditable-input > .span11 {
+  input.span11, textarea.span11, .uneditable-input.span11 {
     width: 652px;
   }
-  input > .span12, textarea > .span12, .uneditable-input > .span12 {
+  input.span12, textarea.span12, .uneditable-input.span12 {
     width: 714px;
   }
 }
   input, textarea, .uneditable-input {
     margin-left: 0;
   }
-  input > .span1, textarea > .span1, .uneditable-input > .span1 {
+  input.span1, textarea.span1, .uneditable-input.span1 {
     width: 60px;
   }
-  input > .span2, textarea > .span2, .uneditable-input > .span2 {
+  input.span2, textarea.span2, .uneditable-input.span2 {
     width: 160px;
   }
-  input > .span3, textarea > .span3, .uneditable-input > .span3 {
+  input.span3, textarea.span3, .uneditable-input.span3 {
     width: 260px;
   }
-  input > .span4, textarea > .span4, .uneditable-input > .span4 {
+  input.span4, textarea.span4, .uneditable-input.span4 {
     width: 360px;
   }
-  input > .span5, textarea > .span5, .uneditable-input > .span5 {
+  input.span5, textarea.span5, .uneditable-input.span5 {
     width: 460px;
   }
-  input > .span6, textarea > .span6, .uneditable-input > .span6 {
+  input.span6, textarea.span6, .uneditable-input.span6 {
     width: 560px;
   }
-  input > .span7, textarea > .span7, .uneditable-input > .span7 {
+  input.span7, textarea.span7, .uneditable-input.span7 {
     width: 660px;
   }
-  input > .span8, textarea > .span8, .uneditable-input > .span8 {
+  input.span8, textarea.span8, .uneditable-input.span8 {
     width: 760px;
   }
-  input > .span9, textarea > .span9, .uneditable-input > .span9 {
+  input.span9, textarea.span9, .uneditable-input.span9 {
     width: 860px;
   }
-  input > .span10, textarea > .span10, .uneditable-input > .span10 {
+  input.span10, textarea.span10, .uneditable-input.span10 {
     width: 960px;
   }
-  input > .span11, textarea > .span11, .uneditable-input > .span11 {
+  input.span11, textarea.span11, .uneditable-input.span11 {
     width: 1060px;
   }
-  input > .span12, textarea > .span12, .uneditable-input > .span12 {
+  input.span12, textarea.span12, .uneditable-input.span12 {
     width: 1160px;
   }
   .thumbnails {
index 5ec2dba8e03e70acc1ada7b3cb179c652de928fa..a2d178eb4f4d038c92dc71a8eb0733826524a5c7 100644 (file)
@@ -739,40 +739,40 @@ textarea[class*="span"],
 input, textarea, .uneditable-input {
   margin-left: 0;
 }
-input > .span1, textarea > .span1, .uneditable-input > .span1 {
+input.span1, textarea.span1, .uneditable-input.span1 {
   width: 50px;
 }
-input > .span2, textarea > .span2, .uneditable-input > .span2 {
+input.span2, textarea.span2, .uneditable-input.span2 {
   width: 130px;
 }
-input > .span3, textarea > .span3, .uneditable-input > .span3 {
+input.span3, textarea.span3, .uneditable-input.span3 {
   width: 210px;
 }
-input > .span4, textarea > .span4, .uneditable-input > .span4 {
+input.span4, textarea.span4, .uneditable-input.span4 {
   width: 290px;
 }
-input > .span5, textarea > .span5, .uneditable-input > .span5 {
+input.span5, textarea.span5, .uneditable-input.span5 {
   width: 370px;
 }
-input > .span6, textarea > .span6, .uneditable-input > .span6 {
+input.span6, textarea.span6, .uneditable-input.span6 {
   width: 450px;
 }
-input > .span7, textarea > .span7, .uneditable-input > .span7 {
+input.span7, textarea.span7, .uneditable-input.span7 {
   width: 530px;
 }
-input > .span8, textarea > .span8, .uneditable-input > .span8 {
+input.span8, textarea.span8, .uneditable-input.span8 {
   width: 610px;
 }
-input > .span9, textarea > .span9, .uneditable-input > .span9 {
+input.span9, textarea.span9, .uneditable-input.span9 {
   width: 690px;
 }
-input > .span10, textarea > .span10, .uneditable-input > .span10 {
+input.span10, textarea.span10, .uneditable-input.span10 {
   width: 770px;
 }
-input > .span11, textarea > .span11, .uneditable-input > .span11 {
+input.span11, textarea.span11, .uneditable-input.span11 {
   width: 850px;
 }
-input > .span12, textarea > .span12, .uneditable-input > .span12 {
+input.span12, textarea.span12, .uneditable-input.span12 {
   width: 930px;
 }
 input[disabled],
@@ -853,7 +853,7 @@ input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, selec
   padding: 17px 20px 18px;
   margin-top: 18px;
   margin-bottom: 18px;
-  background-color: #grayLight;
+  background-color: #eeeeee;
   border-top: 1px solid #ddd;
   *zoom: 1;
 }
@@ -943,7 +943,7 @@ input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, selec
   line-height: 18px;
   text-align: center;
   text-shadow: 0 1px 0 #ffffff;
-  background-color: #grayLight;
+  background-color: #eeeeee;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px 0 0 3px;
   -moz-border-radius: 3px 0 0 3px;
index ec3e89e1aa5c5edeb94bf089f4e6a9d1f2d02e5b..4043e45a468f578034b4d1981ecbbc3a0e11fdba 100644 (file)
@@ -314,7 +314,7 @@ select:focus:required:invalid {
   padding: (@baseLineHeight - 1) 20px @baseLineHeight;
   margin-top: @baseLineHeight;
   margin-bottom: @baseLineHeight;
-  background-color: #grayLight;
+  background-color: @grayLighter;
   border-top: 1px solid #ddd;
   .clearfix(); // Adding clearfix to allow for .pull-right button containers
 }
@@ -387,7 +387,7 @@ select:focus:required:invalid {
     line-height: @baseLineHeight;
     text-align: center;
     text-shadow: 0 1px 0 @white;
-    background-color: #grayLight;
+    background-color: @grayLighter;
     border: 1px solid #ccc;
     .border-radius(3px 0 0 3px);
   }
index fccd7e349968760f50e8a8721fa1ecd5d3dec5f5..814a42b4bbe6ffcfa62b79d573737cd77cbc8ca3 100644 (file)
     textarea,
     .uneditable-input {
       margin-left: 0; // override margin-left from core grid system
-      .span1 { .span(1); }
-      .span2 { .span(2); }
-      .span3 { .span(3); }
-      .span4 { .span(4); }
-      .span5 { .span(5); }
-      .span6 { .span(6); }
-      .span7 { .span(7); }
-      .span8 { .span(8); }
-      .span9 { .span(9); }
-      .span10 { .span(10); }
-      .span11 { .span(11); }
-      .span12 { .span(12); }
+      &.span1 { .span(1); }
+      &.span2 { .span(2); }
+      &.span3 { .span(3); }
+      &.span4 { .span(4); }
+      &.span5 { .span(5); }
+      &.span6 { .span(6); }
+      &.span7 { .span(7); }
+      &.span8 { .span(8); }
+      &.span9 { .span(9); }
+      &.span10 { .span(10); }
+      &.span11 { .span(11); }
+      &.span12 { .span(12); }
     }
 
   }