From ae3382d797e76a41be8bff9e7ac4ed3d06784a57 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Mon, 27 Feb 2012 18:15:59 -0800 Subject: working through new grid implementation... --- docs/assets/css/bootstrap-responsive.css | 196 +++++++++++++++++++++---------- 1 file changed, 132 insertions(+), 64 deletions(-) (limited to 'docs/assets/css/bootstrap-responsive.css') diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css index 447a865c8..25453a16b 100644 --- a/docs/assets/css/bootstrap-responsive.css +++ b/docs/assets/css/bootstrap-responsive.css @@ -10,7 +10,8 @@ .clearfix { *zoom: 1; } -.clearfix:before, .clearfix:after { +.clearfix:before, +.clearfix:after { display: table; content: ""; } @@ -99,10 +100,12 @@ /* CSS3 spec*/ } - .input-prepend input[class*="span"], .input-append input[class*="span"] { + .input-prepend input[class*="span"], + .input-append input[class*="span"] { width: auto; } - input[type="checkbox"], input[type="radio"] { + input[type="checkbox"], + input[type="radio"] { border: 1px solid #ccc; } .form-horizontal .control-group > label { @@ -151,7 +154,8 @@ .row { margin-left: 0; } - .row > [class*="span"], .row-fluid > [class*="span"] { + .row > [class*="span"], + .row-fluid > [class*="span"] { float: none; display: block; width: auto; @@ -163,7 +167,8 @@ margin-left: -20px; *zoom: 1; } - .row:before, .row:after { + .row:before, + .row:after { display: table; content: ""; } @@ -174,7 +179,9 @@ float: left; margin-left: 20px; } - .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { + .container, + .navbar-fixed-top .container, + .navbar-fixed-bottom .container { width: 724px; } .span1 { @@ -253,7 +260,8 @@ width: 100%; *zoom: 1; } - .row-fluid:before, .row-fluid:after { + .row-fluid:before, + .row-fluid:after { display: table; content: ""; } @@ -267,79 +275,105 @@ .row-fluid > [class*="span"]:first-child { margin-left: 0; } - .row-fluid > .span1 { + .row-fluid .span1 { width: 5.801104972%; } - .row-fluid > .span2 { + .row-fluid .span2 { width: 14.364640883%; } - .row-fluid > .span3 { + .row-fluid .span3 { width: 22.928176794%; } - .row-fluid > .span4 { + .row-fluid .span4 { width: 31.491712705%; } - .row-fluid > .span5 { + .row-fluid .span5 { width: 40.055248616%; } - .row-fluid > .span6 { + .row-fluid .span6 { width: 48.618784527%; } - .row-fluid > .span7 { + .row-fluid .span7 { width: 57.182320438000005%; } - .row-fluid > .span8 { + .row-fluid .span8 { width: 65.74585634900001%; } - .row-fluid > .span9 { + .row-fluid .span9 { width: 74.30939226%; } - .row-fluid > .span10 { + .row-fluid .span10 { width: 82.87292817100001%; } - .row-fluid > .span11 { + .row-fluid .span11 { width: 91.436464082%; } - .row-fluid > .span12 { + .row-fluid .span12 { width: 99.999999993%; } - input, textarea, .uneditable-input { + 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; } } @@ -383,7 +417,8 @@ color: #999999; text-shadow: none; } - .navbar .nav > li > a, .navbar .dropdown-menu a { + .navbar .nav > li > a, + .navbar .dropdown-menu a { padding: 6px 15px; font-weight: bold; color: #999999; @@ -394,7 +429,8 @@ .navbar .dropdown-menu li + li a { margin-bottom: 2px; } - .navbar .nav > li > a:hover, .navbar .dropdown-menu a:hover { + .navbar .nav > li > a:hover, + .navbar .dropdown-menu a:hover { background-color: #222222; } .navbar .dropdown-menu { @@ -415,13 +451,15 @@ -moz-box-shadow: none; box-shadow: none; } - .navbar .dropdown-menu:before, .navbar .dropdown-menu:after { + .navbar .dropdown-menu:before, + .navbar .dropdown-menu:after { display: none; } .navbar .dropdown-menu .divider { display: none; } - .navbar-form, .navbar-search { + .navbar-form, + .navbar-search { float: none; padding: 9px 15px; margin: 9px 0; @@ -458,7 +496,8 @@ margin-left: -30px; *zoom: 1; } - .row:before, .row:after { + .row:before, + .row:after { display: table; content: ""; } @@ -469,7 +508,9 @@ float: left; margin-left: 30px; } - .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { + .container, + .navbar-fixed-top .container, + .navbar-fixed-bottom .container { width: 1170px; } .span1 { @@ -548,7 +589,8 @@ width: 100%; *zoom: 1; } - .row-fluid:before, .row-fluid:after { + .row-fluid:before, + .row-fluid:after { display: table; content: ""; } @@ -562,79 +604,105 @@ .row-fluid > [class*="span"]:first-child { margin-left: 0; } - .row-fluid > .span1 { + .row-fluid .span1 { width: 5.982905983%; } - .row-fluid > .span2 { + .row-fluid .span2 { width: 14.529914530000001%; } - .row-fluid > .span3 { + .row-fluid .span3 { width: 23.076923077%; } - .row-fluid > .span4 { + .row-fluid .span4 { width: 31.623931624%; } - .row-fluid > .span5 { + .row-fluid .span5 { width: 40.170940171000005%; } - .row-fluid > .span6 { + .row-fluid .span6 { width: 48.717948718%; } - .row-fluid > .span7 { + .row-fluid .span7 { width: 57.264957265%; } - .row-fluid > .span8 { + .row-fluid .span8 { width: 65.81196581200001%; } - .row-fluid > .span9 { + .row-fluid .span9 { width: 74.358974359%; } - .row-fluid > .span10 { + .row-fluid .span10 { width: 82.905982906%; } - .row-fluid > .span11 { + .row-fluid .span11 { width: 91.45299145300001%; } - .row-fluid > .span12 { + .row-fluid .span12 { width: 100%; } - input, textarea, .uneditable-input { + 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 { -- cgit v1.2.3 From 86159872433e39800374d563dde28afaa29545f0 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Mon, 27 Feb 2012 18:21:21 -0800 Subject: add guard for child spans --- docs/assets/css/bootstrap-responsive.css | 192 +++++++++++++++---------------- 1 file changed, 96 insertions(+), 96 deletions(-) (limited to 'docs/assets/css/bootstrap-responsive.css') diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css index 25453a16b..e62643f06 100644 --- a/docs/assets/css/bootstrap-responsive.css +++ b/docs/assets/css/bootstrap-responsive.css @@ -275,40 +275,40 @@ .row-fluid > [class*="span"]:first-child { margin-left: 0; } - .row-fluid .span1 { + .row-fluid > .span1 { width: 5.801104972%; } - .row-fluid .span2 { + .row-fluid > .span2 { width: 14.364640883%; } - .row-fluid .span3 { + .row-fluid > .span3 { width: 22.928176794%; } - .row-fluid .span4 { + .row-fluid > .span4 { width: 31.491712705%; } - .row-fluid .span5 { + .row-fluid > .span5 { width: 40.055248616%; } - .row-fluid .span6 { + .row-fluid > .span6 { width: 48.618784527%; } - .row-fluid .span7 { + .row-fluid > .span7 { width: 57.182320438000005%; } - .row-fluid .span8 { + .row-fluid > .span8 { width: 65.74585634900001%; } - .row-fluid .span9 { + .row-fluid > .span9 { width: 74.30939226%; } - .row-fluid .span10 { + .row-fluid > .span10 { width: 82.87292817100001%; } - .row-fluid .span11 { + .row-fluid > .span11 { width: 91.436464082%; } - .row-fluid .span12 { + .row-fluid > .span12 { width: 99.999999993%; } input, @@ -316,64 +316,64 @@ .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; } } @@ -604,40 +604,40 @@ .row-fluid > [class*="span"]:first-child { margin-left: 0; } - .row-fluid .span1 { + .row-fluid > .span1 { width: 5.982905983%; } - .row-fluid .span2 { + .row-fluid > .span2 { width: 14.529914530000001%; } - .row-fluid .span3 { + .row-fluid > .span3 { width: 23.076923077%; } - .row-fluid .span4 { + .row-fluid > .span4 { width: 31.623931624%; } - .row-fluid .span5 { + .row-fluid > .span5 { width: 40.170940171000005%; } - .row-fluid .span6 { + .row-fluid > .span6 { width: 48.717948718%; } - .row-fluid .span7 { + .row-fluid > .span7 { width: 57.264957265%; } - .row-fluid .span8 { + .row-fluid > .span8 { width: 65.81196581200001%; } - .row-fluid .span9 { + .row-fluid > .span9 { width: 74.358974359%; } - .row-fluid .span10 { + .row-fluid > .span10 { width: 82.905982906%; } - .row-fluid .span11 { + .row-fluid > .span11 { width: 91.45299145300001%; } - .row-fluid .span12 { + .row-fluid > .span12 { width: 100%; } input, @@ -645,64 +645,64 @@ .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 { -- cgit v1.2.3 From 1aeca545c8708dce6d05e7698589a20b98b39a76 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 4 Mar 2012 14:06:30 -0800 Subject: new approach to grid with recursive mixins :D --- docs/assets/css/bootstrap-responsive.css | 468 +++++++++++++++---------------- 1 file changed, 234 insertions(+), 234 deletions(-) (limited to 'docs/assets/css/bootstrap-responsive.css') diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css index e62643f06..bd1b47ca7 100644 --- a/docs/assets/css/bootstrap-responsive.css +++ b/docs/assets/css/bootstrap-responsive.css @@ -184,77 +184,77 @@ .navbar-fixed-bottom .container { width: 724px; } - .span1 { - width: 42px; - } - .span2 { - width: 104px; + .span12 { + width: 724px; } - .span3 { - width: 166px; + .span11 { + width: 662px; } - .span4 { - width: 228px; + .span10 { + width: 600px; } - .span5 { - width: 290px; + .span9 { + width: 538px; } - .span6 { - width: 352px; + .span8 { + width: 476px; } .span7 { width: 414px; } - .span8 { - width: 476px; + .span6 { + width: 352px; } - .span9 { - width: 538px; + .span5 { + width: 290px; } - .span10 { - width: 600px; + .span4 { + width: 228px; } - .span11 { - width: 662px; + .span3 { + width: 166px; } - .span12 { - width: 724px; + .span2 { + width: 104px; } - .offset1 { - margin-left: 82px; + .span1 { + width: 42px; } - .offset2 { - margin-left: 144px; + .offset12 { + margin-left: 764px; } - .offset3 { - margin-left: 206px; + .offset11 { + margin-left: 702px; } - .offset4 { - margin-left: 268px; + .offset10 { + margin-left: 640px; } - .offset5 { - margin-left: 330px; + .offset9 { + margin-left: 578px; } - .offset6 { - margin-left: 392px; + .offset8 { + margin-left: 516px; } .offset7 { margin-left: 454px; } - .offset8 { - margin-left: 516px; + .offset6 { + margin-left: 392px; } - .offset9 { - margin-left: 578px; + .offset5 { + margin-left: 330px; } - .offset10 { - margin-left: 640px; + .offset4 { + margin-left: 268px; } - .offset11 { - margin-left: 702px; + .offset3 { + margin-left: 206px; } - .offset12 { - margin-left: 764px; + .offset2 { + margin-left: 144px; + } + .offset1 { + margin-left: 82px; } .row-fluid { width: 100%; @@ -275,106 +275,106 @@ .row-fluid > [class*="span"]:first-child { margin-left: 0; } - .row-fluid > .span1 { - width: 5.801104972%; - } - .row-fluid > .span2 { - width: 14.364640883%; + .row-fluid > .span12 { + width: 99.999999993%; } - .row-fluid > .span3 { - width: 22.928176794%; + .row-fluid .span11 { + width: 91.436464082%; } - .row-fluid > .span4 { - width: 31.491712705%; + .row-fluid .span10 { + width: 82.87292817100001%; } - .row-fluid > .span5 { - width: 40.055248616%; + .row-fluid .span9 { + width: 74.30939226%; } - .row-fluid > .span6 { - width: 48.618784527%; + .row-fluid .span8 { + width: 65.74585634900001%; } - .row-fluid > .span7 { + .row-fluid .span7 { width: 57.182320438000005%; } - .row-fluid > .span8 { - width: 65.74585634900001%; + .row-fluid .span6 { + width: 48.618784527%; } - .row-fluid > .span9 { - width: 74.30939226%; + .row-fluid .span5 { + width: 40.055248616%; } - .row-fluid > .span10 { - width: 82.87292817100001%; + .row-fluid .span4 { + width: 31.491712705%; } - .row-fluid > .span11 { - width: 91.436464082%; + .row-fluid .span3 { + width: 22.928176794%; } - .row-fluid > .span12 { - width: 99.999999993%; + .row-fluid .span2 { + width: 14.364640883%; + } + .row-fluid .span1 { + width: 5.801104972%; } input, textarea, .uneditable-input { margin-left: 0; } - input > .span1, - textarea > .span1, - .uneditable-input > .span1 { - width: 32px; - } - input > .span2, - textarea > .span2, - .uneditable-input > .span2 { - width: 94px; + input > .span12, + textarea > .span12, + .uneditable-input > .span12 { + width: 714px; } - input > .span3, - textarea > .span3, - .uneditable-input > .span3 { - width: 156px; + input .span11, + textarea .span11, + .uneditable-input .span11 { + width: 652px; } - input > .span4, - textarea > .span4, - .uneditable-input > .span4 { - width: 218px; + input .span10, + textarea .span10, + .uneditable-input .span10 { + width: 590px; } - input > .span5, - textarea > .span5, - .uneditable-input > .span5 { - width: 280px; + input .span9, + textarea .span9, + .uneditable-input .span9 { + width: 528px; } - input > .span6, - textarea > .span6, - .uneditable-input > .span6 { - width: 342px; + input .span8, + textarea .span8, + .uneditable-input .span8 { + width: 466px; } - input > .span7, - textarea > .span7, - .uneditable-input > .span7 { + input .span7, + textarea .span7, + .uneditable-input .span7 { width: 404px; } - input > .span8, - textarea > .span8, - .uneditable-input > .span8 { - width: 466px; + input .span6, + textarea .span6, + .uneditable-input .span6 { + width: 342px; } - input > .span9, - textarea > .span9, - .uneditable-input > .span9 { - width: 528px; + input .span5, + textarea .span5, + .uneditable-input .span5 { + width: 280px; } - input > .span10, - textarea > .span10, - .uneditable-input > .span10 { - width: 590px; + input .span4, + textarea .span4, + .uneditable-input .span4 { + width: 218px; } - input > .span11, - textarea > .span11, - .uneditable-input > .span11 { - width: 652px; + input .span3, + textarea .span3, + .uneditable-input .span3 { + width: 156px; } - input > .span12, - textarea > .span12, - .uneditable-input > .span12 { - width: 714px; + input .span2, + textarea .span2, + .uneditable-input .span2 { + width: 94px; + } + input .span1, + textarea .span1, + .uneditable-input .span1 { + width: 32px; } } @media (max-width: 979px) { @@ -513,77 +513,77 @@ .navbar-fixed-bottom .container { width: 1170px; } - .span1 { - width: 70px; - } - .span2 { - width: 170px; + .span12 { + width: 1170px; } - .span3 { - width: 270px; + .span11 { + width: 1070px; } - .span4 { - width: 370px; + .span10 { + width: 970px; } - .span5 { - width: 470px; + .span9 { + width: 870px; } - .span6 { - width: 570px; + .span8 { + width: 770px; } .span7 { width: 670px; } - .span8 { - width: 770px; + .span6 { + width: 570px; } - .span9 { - width: 870px; + .span5 { + width: 470px; } - .span10 { - width: 970px; + .span4 { + width: 370px; } - .span11 { - width: 1070px; + .span3 { + width: 270px; } - .span12 { - width: 1170px; + .span2 { + width: 170px; } - .offset1 { - margin-left: 130px; + .span1 { + width: 70px; } - .offset2 { - margin-left: 230px; + .offset12 { + margin-left: 1230px; } - .offset3 { - margin-left: 330px; + .offset11 { + margin-left: 1130px; } - .offset4 { - margin-left: 430px; + .offset10 { + margin-left: 1030px; } - .offset5 { - margin-left: 530px; + .offset9 { + margin-left: 930px; } - .offset6 { - margin-left: 630px; + .offset8 { + margin-left: 830px; } .offset7 { margin-left: 730px; } - .offset8 { - margin-left: 830px; + .offset6 { + margin-left: 630px; } - .offset9 { - margin-left: 930px; + .offset5 { + margin-left: 530px; } - .offset10 { - margin-left: 1030px; + .offset4 { + margin-left: 430px; } - .offset11 { - margin-left: 1130px; + .offset3 { + margin-left: 330px; } - .offset12 { - margin-left: 1230px; + .offset2 { + margin-left: 230px; + } + .offset1 { + margin-left: 130px; } .row-fluid { width: 100%; @@ -604,106 +604,106 @@ .row-fluid > [class*="span"]:first-child { margin-left: 0; } - .row-fluid > .span1 { - width: 5.982905983%; - } - .row-fluid > .span2 { - width: 14.529914530000001%; + .row-fluid > .span12 { + width: 100%; } - .row-fluid > .span3 { - width: 23.076923077%; + .row-fluid .span11 { + width: 91.45299145300001%; } - .row-fluid > .span4 { - width: 31.623931624%; + .row-fluid .span10 { + width: 82.905982906%; } - .row-fluid > .span5 { - width: 40.170940171000005%; + .row-fluid .span9 { + width: 74.358974359%; } - .row-fluid > .span6 { - width: 48.717948718%; + .row-fluid .span8 { + width: 65.81196581200001%; } - .row-fluid > .span7 { + .row-fluid .span7 { width: 57.264957265%; } - .row-fluid > .span8 { - width: 65.81196581200001%; + .row-fluid .span6 { + width: 48.717948718%; } - .row-fluid > .span9 { - width: 74.358974359%; + .row-fluid .span5 { + width: 40.170940171000005%; } - .row-fluid > .span10 { - width: 82.905982906%; + .row-fluid .span4 { + width: 31.623931624%; } - .row-fluid > .span11 { - width: 91.45299145300001%; + .row-fluid .span3 { + width: 23.076923077%; } - .row-fluid > .span12 { - width: 100%; + .row-fluid .span2 { + width: 14.529914530000001%; + } + .row-fluid .span1 { + width: 5.982905983%; } input, textarea, .uneditable-input { margin-left: 0; } - input > .span1, - textarea > .span1, - .uneditable-input > .span1 { - width: 60px; - } - input > .span2, - textarea > .span2, - .uneditable-input > .span2 { - width: 160px; + input > .span12, + textarea > .span12, + .uneditable-input > .span12 { + width: 1160px; } - input > .span3, - textarea > .span3, - .uneditable-input > .span3 { - width: 260px; + input .span11, + textarea .span11, + .uneditable-input .span11 { + width: 1060px; } - input > .span4, - textarea > .span4, - .uneditable-input > .span4 { - width: 360px; + input .span10, + textarea .span10, + .uneditable-input .span10 { + width: 960px; } - input > .span5, - textarea > .span5, - .uneditable-input > .span5 { - width: 460px; + input .span9, + textarea .span9, + .uneditable-input .span9 { + width: 860px; } - input > .span6, - textarea > .span6, - .uneditable-input > .span6 { - width: 560px; + input .span8, + textarea .span8, + .uneditable-input .span8 { + width: 760px; } - input > .span7, - textarea > .span7, - .uneditable-input > .span7 { + input .span7, + textarea .span7, + .uneditable-input .span7 { width: 660px; } - input > .span8, - textarea > .span8, - .uneditable-input > .span8 { - width: 760px; + input .span6, + textarea .span6, + .uneditable-input .span6 { + width: 560px; } - input > .span9, - textarea > .span9, - .uneditable-input > .span9 { - width: 860px; + input .span5, + textarea .span5, + .uneditable-input .span5 { + width: 460px; } - input > .span10, - textarea > .span10, - .uneditable-input > .span10 { - width: 960px; + input .span4, + textarea .span4, + .uneditable-input .span4 { + width: 360px; } - input > .span11, - textarea > .span11, - .uneditable-input > .span11 { - width: 1060px; + input .span3, + textarea .span3, + .uneditable-input .span3 { + width: 260px; } - input > .span12, - textarea > .span12, - .uneditable-input > .span12 { - width: 1160px; + input .span2, + textarea .span2, + .uneditable-input .span2 { + width: 160px; + } + input .span1, + textarea .span1, + .uneditable-input .span1 { + width: 60px; } .thumbnails { margin-left: -30px; -- cgit v1.2.3 From 3524aa909cd0cef16c9d244bd21da0dfd7b48cf9 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 4 Mar 2012 14:21:54 -0800 Subject: make sure to pass child var through --- docs/assets/css/bootstrap-responsive.css | 176 +++++++++++++++---------------- 1 file changed, 88 insertions(+), 88 deletions(-) (limited to 'docs/assets/css/bootstrap-responsive.css') diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css index bd1b47ca7..8de0bb349 100644 --- a/docs/assets/css/bootstrap-responsive.css +++ b/docs/assets/css/bootstrap-responsive.css @@ -278,37 +278,37 @@ .row-fluid > .span12 { width: 99.999999993%; } - .row-fluid .span11 { + .row-fluid > .span11 { width: 91.436464082%; } - .row-fluid .span10 { + .row-fluid > .span10 { width: 82.87292817100001%; } - .row-fluid .span9 { + .row-fluid > .span9 { width: 74.30939226%; } - .row-fluid .span8 { + .row-fluid > .span8 { width: 65.74585634900001%; } - .row-fluid .span7 { + .row-fluid > .span7 { width: 57.182320438000005%; } - .row-fluid .span6 { + .row-fluid > .span6 { width: 48.618784527%; } - .row-fluid .span5 { + .row-fluid > .span5 { width: 40.055248616%; } - .row-fluid .span4 { + .row-fluid > .span4 { width: 31.491712705%; } - .row-fluid .span3 { + .row-fluid > .span3 { width: 22.928176794%; } - .row-fluid .span2 { + .row-fluid > .span2 { width: 14.364640883%; } - .row-fluid .span1 { + .row-fluid > .span1 { width: 5.801104972%; } input, @@ -321,59 +321,59 @@ .uneditable-input > .span12 { width: 714px; } - input .span11, - textarea .span11, - .uneditable-input .span11 { + input > .span11, + textarea > .span11, + .uneditable-input > .span11 { width: 652px; } - input .span10, - textarea .span10, - .uneditable-input .span10 { + input > .span10, + textarea > .span10, + .uneditable-input > .span10 { width: 590px; } - input .span9, - textarea .span9, - .uneditable-input .span9 { + input > .span9, + textarea > .span9, + .uneditable-input > .span9 { width: 528px; } - input .span8, - textarea .span8, - .uneditable-input .span8 { + input > .span8, + textarea > .span8, + .uneditable-input > .span8 { width: 466px; } - input .span7, - textarea .span7, - .uneditable-input .span7 { + input > .span7, + textarea > .span7, + .uneditable-input > .span7 { width: 404px; } - input .span6, - textarea .span6, - .uneditable-input .span6 { + input > .span6, + textarea > .span6, + .uneditable-input > .span6 { width: 342px; } - input .span5, - textarea .span5, - .uneditable-input .span5 { + input > .span5, + textarea > .span5, + .uneditable-input > .span5 { width: 280px; } - input .span4, - textarea .span4, - .uneditable-input .span4 { + input > .span4, + textarea > .span4, + .uneditable-input > .span4 { width: 218px; } - input .span3, - textarea .span3, - .uneditable-input .span3 { + input > .span3, + textarea > .span3, + .uneditable-input > .span3 { width: 156px; } - input .span2, - textarea .span2, - .uneditable-input .span2 { + input > .span2, + textarea > .span2, + .uneditable-input > .span2 { width: 94px; } - input .span1, - textarea .span1, - .uneditable-input .span1 { + input > .span1, + textarea > .span1, + .uneditable-input > .span1 { width: 32px; } } @@ -607,37 +607,37 @@ .row-fluid > .span12 { width: 100%; } - .row-fluid .span11 { + .row-fluid > .span11 { width: 91.45299145300001%; } - .row-fluid .span10 { + .row-fluid > .span10 { width: 82.905982906%; } - .row-fluid .span9 { + .row-fluid > .span9 { width: 74.358974359%; } - .row-fluid .span8 { + .row-fluid > .span8 { width: 65.81196581200001%; } - .row-fluid .span7 { + .row-fluid > .span7 { width: 57.264957265%; } - .row-fluid .span6 { + .row-fluid > .span6 { width: 48.717948718%; } - .row-fluid .span5 { + .row-fluid > .span5 { width: 40.170940171000005%; } - .row-fluid .span4 { + .row-fluid > .span4 { width: 31.623931624%; } - .row-fluid .span3 { + .row-fluid > .span3 { width: 23.076923077%; } - .row-fluid .span2 { + .row-fluid > .span2 { width: 14.529914530000001%; } - .row-fluid .span1 { + .row-fluid > .span1 { width: 5.982905983%; } input, @@ -650,59 +650,59 @@ .uneditable-input > .span12 { width: 1160px; } - input .span11, - textarea .span11, - .uneditable-input .span11 { + input > .span11, + textarea > .span11, + .uneditable-input > .span11 { width: 1060px; } - input .span10, - textarea .span10, - .uneditable-input .span10 { + input > .span10, + textarea > .span10, + .uneditable-input > .span10 { width: 960px; } - input .span9, - textarea .span9, - .uneditable-input .span9 { + input > .span9, + textarea > .span9, + .uneditable-input > .span9 { width: 860px; } - input .span8, - textarea .span8, - .uneditable-input .span8 { + input > .span8, + textarea > .span8, + .uneditable-input > .span8 { width: 760px; } - input .span7, - textarea .span7, - .uneditable-input .span7 { + input > .span7, + textarea > .span7, + .uneditable-input > .span7 { width: 660px; } - input .span6, - textarea .span6, - .uneditable-input .span6 { + input > .span6, + textarea > .span6, + .uneditable-input > .span6 { width: 560px; } - input .span5, - textarea .span5, - .uneditable-input .span5 { + input > .span5, + textarea > .span5, + .uneditable-input > .span5 { width: 460px; } - input .span4, - textarea .span4, - .uneditable-input .span4 { + input > .span4, + textarea > .span4, + .uneditable-input > .span4 { width: 360px; } - input .span3, - textarea .span3, - .uneditable-input .span3 { + input > .span3, + textarea > .span3, + .uneditable-input > .span3 { width: 260px; } - input .span2, - textarea .span2, - .uneditable-input .span2 { + input > .span2, + textarea > .span2, + .uneditable-input > .span2 { width: 160px; } - input .span1, - textarea .span1, - .uneditable-input .span1 { + input > .span1, + textarea > .span1, + .uneditable-input > .span1 { width: 60px; } .thumbnails { -- cgit v1.2.3