diff options
author | Mark Otto <markotto@twitter.com> | 2012-05-29 04:32:24 +0400 |
---|---|---|
committer | Mark Otto <markotto@twitter.com> | 2012-05-29 04:32:24 +0400 |
commit | 7875e4833cb7d00db2967078fd6f51adbfd4a351 (patch) | |
tree | aa5b3974cf324512a8358d01d101c6309de04c8c /less/tests/css-tests.html | |
parent | f53a0380885c9a5bd83aef4d17a386d99354a8f0 (diff) |
fix broken css tests, add fluid input-prepend/-append to tests, fix input-prepend/append for responsive for both fluid and fixed sizing
Diffstat (limited to 'less/tests/css-tests.html')
-rw-r--r-- | less/tests/css-tests.html | 71 |
1 files changed, 47 insertions, 24 deletions
diff --git a/less/tests/css-tests.html b/less/tests/css-tests.html index 0e964e27f4..b7177e5c68 100644 --- a/less/tests/css-tests.html +++ b/less/tests/css-tests.html @@ -500,68 +500,91 @@ </div><!--/span--> </div><!--/row--> +<h4>Fluid prepended and appended inputs</h4> +<div class="row-fluid"> + <div class="span6"> + <form> + <div class="controls"> + <div class="input-prepend"> + <span class="add-on">@</span><input class="span2" id="prependedInput" size="16" type="text"> + </div> + </div> + <div class="controls"> + <div class="input-append"> + <input class="span2" id="prependedInput" size="16" type="text"><span class="add-on">@</span> + </div> + </div> + <div class="controls"> + <div class="input-prepend input-append"> + <span class="add-on">$</span><input class="span2" id="prependedInput" size="16" type="text"><span class="add-on">.00</span> + </div> + </div> + </form> + </div> +</div> + <h4>Fixed row with inputs</h4> <p>Inputs should not extend past the light red background, set on their parent, a <code>.span*</code> column.</p> <div class="rowInputs"> <div class="row"> <div class="span12"> - <input class="span1" placeholder="span1"> + <input type="text" class="span1" placeholder="span1"> </div><!--/span--> </div><!--/row--> <div class="row"> <div class="span12"> - <input class="span2" placeholder="span2"> + <input type="text" class="span2" placeholder="span2"> </div><!--/span--> </div><!--/row--> <div class="row"> <div class="span12"> - <input class="span3" placeholder="span3"> + <input type="text" class="span3" placeholder="span3"> </div><!--/span--> </div><!--/row--> <div class="row"> <div class="span12"> - <input class="span4" placeholder="span4"> + <input type="text" class="span4" placeholder="span4"> </div><!--/span--> </div><!--/row--> <div class="row"> <div class="span12"> - <input class="span5" placeholder="span5"> + <input type="text" class="span5" placeholder="span5"> </div><!--/span--> </div><!--/row--> <div class="row"> <div class="span12"> - <input class="span6" placeholder="span6"> + <input type="text" class="span6" placeholder="span6"> </div><!--/span--> </div><!--/row--> <div class="row"> <div class="span12"> - <input class="span7" placeholder="span7"> + <input type="text" class="span7" placeholder="span7"> </div><!--/span--> </div><!--/row--> <div class="row"> <div class="span12"> - <input class="span8" placeholder="span8"> + <input type="text" class="span8" placeholder="span8"> </div><!--/span--> </div><!--/row--> <div class="row"> <div class="span12"> - <input class="span9" placeholder="span9"> + <input type="text" class="span9" placeholder="span9"> </div><!--/span--> </div><!--/row--> <div class="row"> <div class="span12"> - <input class="span10" placeholder="span10"> + <input type="text" class="span10" placeholder="span10"> </div><!--/span--> </div><!--/row--> <div class="row"> <div class="span12"> - <input class="span11" placeholder="span11"> + <input type="text" class="span11" placeholder="span11"> </div><!--/span--> </div><!--/row--> <div class="row"> <div class="span12"> - <input class="span12" placeholder="span12"> + <input type="text" class="span12" placeholder="span12"> </div><!--/span--> </div><!--/row--> </div> @@ -572,62 +595,62 @@ <div id="fluidRowInputs"> <div class="row-fluid"> <div class="span12"> - <input class="span1" placeholder="span1"> + <input type="text" class="span1" placeholder="span1"> </div><!--/span--> </div><!--/row--> <div class="row-fluid"> <div class="span12"> - <input class="span2" placeholder="span2"> + <input type="text" class="span2" placeholder="span2"> </div><!--/span--> </div><!--/row--> <div class="row-fluid"> <div class="span12"> - <input class="span3" placeholder="span3"> + <input type="text" class="span3" placeholder="span3"> </div><!--/span--> </div><!--/row--> <div class="row-fluid"> <div class="span12"> - <input class="span4" placeholder="span4"> + <input type="text" class="span4" placeholder="span4"> </div><!--/span--> </div><!--/row--> <div class="row-fluid"> <div class="span12"> - <input class="span5" placeholder="span5"> + <input type="text" class="span5" placeholder="span5"> </div><!--/span--> </div><!--/row--> <div class="row-fluid"> <div class="span12"> - <input class="span6" placeholder="span6"> + <input type="text" class="span6" placeholder="span6"> </div><!--/span--> </div><!--/row--> <div class="row-fluid"> <div class="span12"> - <input class="span7" placeholder="span7"> + <input type="text" class="span7" placeholder="span7"> </div><!--/span--> </div><!--/row--> <div class="row-fluid"> <div class="span12"> - <input class="span8" placeholder="span8"> + <input type="text" class="span8" placeholder="span8"> </div><!--/span--> </div><!--/row--> <div class="row-fluid"> <div class="span12"> - <input class="span9" placeholder="span9"> + <input type="text" class="span9" placeholder="span9"> </div><!--/span--> </div><!--/row--> <div class="row-fluid"> <div class="span12"> - <input class="span10" placeholder="span10"> + <input type="text" class="span10" placeholder="span10"> </div><!--/span--> </div><!--/row--> <div class="row-fluid"> <div class="span12"> - <input class="span11" placeholder="span11"> + <input type="text" class="span11" placeholder="span11"> </div><!--/span--> </div><!--/row--> <div class="row-fluid"> <div class="span12"> - <input class="span12" placeholder="span12"> + <input type="text" class="span12" placeholder="span12"> </div><!--/span--> </div><!--/row--> </div> |