diff options
Diffstat (limited to 'less')
| -rw-r--r-- | less/mixins.less | 3 | ||||
| -rw-r--r-- | less/responsive.less | 1 | ||||
| -rw-r--r-- | less/tests/css-tests.html | 53 |
3 files changed, 53 insertions, 4 deletions
diff --git a/less/mixins.less b/less/mixins.less index 9cef3f1ed..b3fea77db 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -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; } diff --git a/less/responsive.less b/less/responsive.less index 5434f3a08..bbd76d631 100644 --- a/less/responsive.less +++ b/less/responsive.less @@ -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 // ------------------------------------------------------------- diff --git a/less/tests/css-tests.html b/less/tests/css-tests.html index 1955ebbec..42cdab045 100644 --- a/less/tests/css-tests.html +++ b/less/tests/css-tests.html @@ -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--> |