mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00
Code Activity

Unitless line-height

Browse Source 
* Instead of 20px as @line-height-base, use 1.5
* Update typographic scale for headings to use unitless as well--required some twerking of decimals a bit and some rounding
* Introduce new @line-height-computed value, which takes base font-size and multiplies it by 1.5, for use in padding and margin on components
This commit is contained in:
Mark Otto
2013-05-09 17:20:46 -07:00
parent 7b6352d2cf
commit 6fba68eb8b
8 changed files with 124 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files
less/forms.less
+6 -6
View File
@@ -20,9 +20,9 @@ legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: @line-height-base;
margin-bottom: @line-height-computed;
font-size: (@font-size-base * 1.5);
line-height: (@line-height-base * 2);
line-height: @line-height-headings;
color: @gray-dark;
border: 0;
border-bottom: 1px solid #e5e5e5;
@@ -170,7 +170,7 @@ textarea {
.radio,
.checkbox {
display: block;
min-height: @line-height-base; // clear the floating input if there is no label text
min-height: @line-height-computed; // clear the floating input if there is no label text
margin-top: 10px;
margin-bottom: 10px;
padding-left: 20px;
@@ -320,9 +320,9 @@ select:focus:invalid {
// ------------
.form-actions {
padding: (@line-height-base - 1) 20px @line-height-base;
margin-top: @line-height-base;
margin-bottom: @line-height-base;
padding: @line-height-computed 20px;
margin-top: @line-height-computed;
margin-bottom: @line-height-computed;
background-color: @form-actions-bg;
border-top: 1px solid #e5e5e5;
.clearfix(); // Adding clearfix to allow for .pull-right button containers