fix fluid grid selectors to remove > in selectors

This commit is contained in:
Mark Otto
2012-03-31 00:53:38 -07:00
parent 2f4810e72f
commit 37745cd899
6 changed files with 122 additions and 40 deletions

View File

@@ -577,7 +577,7 @@
.fluid (@fluidGridColumnWidth, @fluidGridGutterWidth) {
.spanX (@index) when (@index > 0) {
(~"> .span@{index}") { .span(@index); }
(~".span@{index}") { .span(@index); }
.spanX(@index - 1);
}
.spanX (0) {}
@@ -590,6 +590,7 @@
width: 100%;
.clearfix();
[class*="span"] {
.input-block-level();
float: left;
margin-left: @fluidGridGutterWidth;
}

View File

@@ -8,6 +8,7 @@
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/
// Responsive.less
// For phone and tablet devices
// -------------------------------------------------------------

View File

@@ -269,14 +269,61 @@
<p>Inputs should not extend past the light red background, set on their parent, a <code>.span*</code> column.</p>
<div id="fluidRowInputs">
<div class="row-fluid">
<div class="span4">
<div class="span12">
<input class="span1" placeholder="span1">
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<div class="span12">
<input class="span2" placeholder="span2">
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<div class="span12">
<input class="span3" placeholder="span3">
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<div class="span12">
<input class="span4" placeholder="span4">
</div><!--/span-->
<div class="span8">
</div><!--/row-->
<div class="row-fluid">
<div class="span12">
<input class="span5" placeholder="span5">
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<div class="span12">
<input class="span6" placeholder="span6">
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<div class="span12">
<input class="span7" placeholder="span7">
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<div class="span12">
<input class="span8" placeholder="span8">
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid" id="fluidRowInputs">
<div class="row-fluid">
<div class="span12">
<input class="span9" placeholder="span9">
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<div class="span12">
<input class="span10" placeholder="span10">
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<div class="span12">
<input class="span11" placeholder="span11">
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<div class="span12">
<input class="span12" placeholder="span12">
</div><!--/span-->