Commit c53e394f authored by Mark Otto's avatar Mark Otto
Browse files

changing stacked forms to be lined up left side w/ 20px

parent f725d60a
No related merge requests found
Showing with 26 additions and 14 deletions
+26 -14
...@@ -862,6 +862,9 @@ ul.inputs-list li:first-child { ...@@ -862,6 +862,9 @@ ul.inputs-list li:first-child {
ul.inputs-list input[type=radio], ul.inputs-list input[type=checkbox] { ul.inputs-list input[type=radio], ul.inputs-list input[type=checkbox] {
margin-bottom: 0; margin-bottom: 0;
} }
form.form-stacked {
padding-left: 20px;
}
form.form-stacked fieldset { form.form-stacked fieldset {
padding-top: 9px; padding-top: 9px;
} }
...@@ -893,6 +896,10 @@ form.form-stacked ul.inputs-list li label { ...@@ -893,6 +896,10 @@ form.form-stacked ul.inputs-list li label {
font-weight: normal; font-weight: normal;
padding-top: 0; padding-top: 0;
} }
form.form-stacked div.actions {
margin-left: -20px;
padding-left: 20px;
}
/* /*
* Tables.less * Tables.less
* Tables for, you guessed it, tabular data * Tables for, you guessed it, tabular data
......
...@@ -107,11 +107,12 @@ ul.inputs-list li label small{font-size:12px;font-weight:normal;} ...@@ -107,11 +107,12 @@ ul.inputs-list li label small{font-size:12px;font-weight:normal;}
ul.inputs-list li ul.inputs-list{margin-left:25px;margin-bottom:10px;padding-top:0;} ul.inputs-list li ul.inputs-list{margin-left:25px;margin-bottom:10px;padding-top:0;}
ul.inputs-list li:first-child{padding-top:5px;} ul.inputs-list li:first-child{padding-top:5px;}
ul.inputs-list input[type=radio],ul.inputs-list input[type=checkbox]{margin-bottom:0;} ul.inputs-list input[type=radio],ul.inputs-list input[type=checkbox]{margin-bottom:0;}
form.form-stacked fieldset{padding-top:9px;} form.form-stacked{padding-left:20px;}form.form-stacked fieldset{padding-top:9px;}
form.form-stacked legend{margin-left:0;} form.form-stacked legend{margin-left:0;}
form.form-stacked label{display:block;float:none;width:auto;font-weight:bold;text-align:left;line-height:20px;padding-top:0;} form.form-stacked label{display:block;float:none;width:auto;font-weight:bold;text-align:left;line-height:20px;padding-top:0;}
form.form-stacked div.clearfix{margin-bottom:9px;}form.form-stacked div.clearfix div.input{margin-left:0;} form.form-stacked div.clearfix{margin-bottom:9px;}form.form-stacked div.clearfix div.input{margin-left:0;}
form.form-stacked ul.inputs-list{margin-bottom:0;}form.form-stacked ul.inputs-list li{padding-top:0;}form.form-stacked ul.inputs-list li label{font-weight:normal;padding-top:0;} form.form-stacked ul.inputs-list{margin-bottom:0;}form.form-stacked ul.inputs-list li{padding-top:0;}form.form-stacked ul.inputs-list li label{font-weight:normal;padding-top:0;}
form.form-stacked div.actions{margin-left:-20px;padding-left:20px;}
table{width:100%;margin-bottom:18px;padding:0;text-align:left;border-collapse:separate;font-size:13px;}table th,table td{padding:10px 10px 9px;line-height:13.5px;vertical-align:middle;border-bottom:1px solid #ddd;} table{width:100%;margin-bottom:18px;padding:0;text-align:left;border-collapse:separate;font-size:13px;}table th,table td{padding:10px 10px 9px;line-height:13.5px;vertical-align:middle;border-bottom:1px solid #ddd;}
table th{padding-top:9px;font-weight:bold;border-bottom-width:2px;} table th{padding-top:9px;font-weight:bold;border-bottom-width:2px;}
table.zebra-striped tbody tr:nth-child(odd) td{background-color:#f5f5f5;} table.zebra-striped tbody tr:nth-child(odd) td{background-color:#f5f5f5;}
......
...@@ -34,7 +34,6 @@ $(document).ready(function(){ ...@@ -34,7 +34,6 @@ $(document).ready(function(){
} }
}); });
// Copy code blocks in docs // Copy code blocks in docs
$(".copy-code").focus(function() { $(".copy-code").focus(function() {
$(this).select(); $(this).select();
......
...@@ -397,10 +397,10 @@ ...@@ -397,10 +397,10 @@
<dl> <dl>
<dt>Description lists</dt> <dt>Description lists</dt>
<dd>A description list is perfect for defining terms.</dd> <dd>A description list is perfect for defining terms.</dd>
<dt>Your mom</dt> <dt>Euismod</dt>
<dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd> <dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
<dd>Donec id elit non mi porta gravida at eget metus.</dd> <dd>Donec id elit non mi porta gravida at eget metus.</dd>
<dt>And your dad</dt> <dt>Malesuada porta</dt>
<dd>Etiam porta sem malesuada magna mollis euismod.</dd> <dd>Etiam porta sem malesuada magna mollis euismod.</dd>
</dl> </dl>
</div> </div>
...@@ -446,8 +446,8 @@ ...@@ -446,8 +446,8 @@
<tbody> <tbody>
<tr> <tr>
<td>1</td> <td>1</td>
<td>Your</td> <td>Some</td>
<td>Mom</td> <td>One</td>
<td>English</td> <td>English</td>
</tr> </tr>
<tr> <tr>
...@@ -483,8 +483,8 @@ ...@@ -483,8 +483,8 @@
<tbody> <tbody>
<tr> <tr>
<td>1</td> <td>1</td>
<td>Your</td> <td>Some</td>
<td>Mom</td> <td>One</td>
<td>English</td> <td>English</td>
</tr> </tr>
<tr> <tr>
...@@ -521,7 +521,7 @@ ...@@ -521,7 +521,7 @@
<tr> <tr>
<td>1</td> <td>1</td>
<td>Your</td> <td>Your</td>
<td>Mom</td> <td>One</td>
<td>English</td> <td>English</td>
</tr> </tr>
<tr> <tr>
...@@ -856,21 +856,21 @@ ...@@ -856,21 +856,21 @@
<h3><a class="logo" href="">Project Name</a></h3> <h3><a class="logo" href="">Project Name</a></h3>
<ul> <ul>
<li class="active"><a href="">Home</a></li> <li class="active"><a href="">Home</a></li>
<li><a href="">Profile</a></li> <li><a href="">Link</a></li>
<li><a href="">Messages</a></li> <li><a href="">Link</a></li>
<li><a href="">Who to Follow</a></li> <li><a href="">Link</a></li>
</ul> </ul>
<form action=""> <form action="">
<input type="text" placeholder="Search" /> <input type="text" placeholder="Search" />
</form> </form>
<ul class="nav secondary-nav"> <ul class="nav secondary-nav">
<li class="menu"> <li class="menu">
<a href="#" class="menu">Username</a> <a href="#" class="menu">Dropdown</a>
<ul class="menu-dropdown"> <ul class="menu-dropdown">
<li><a href="">Secondary link</a></li> <li><a href="">Secondary link</a></li>
<li><a href="">Something else here</a></li> <li><a href="">Something else here</a></li>
<li class="divider"></li> <li class="divider"></li>
<li><a href="">Sign Out</a></li> <li><a href="">Another link</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
......
...@@ -291,6 +291,7 @@ ul.inputs-list { ...@@ -291,6 +291,7 @@ ul.inputs-list {
// Stacked forms // Stacked forms
form.form-stacked { form.form-stacked {
padding-left: 20px;
fieldset { fieldset {
padding-top: @baseline / 2; padding-top: @baseline / 2;
} }
...@@ -322,4 +323,8 @@ form.form-stacked { ...@@ -322,4 +323,8 @@ form.form-stacked {
} }
} }
} }
div.actions {
margin-left: -20px;
padding-left: 20px;
}
} }
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment