rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

rems: input sizes

Browse Source
This commit is contained in:
Mark Otto 2014-07-08 02:31:33 -07:00
parent 07463acec7
commit 4139545da2
7 changed files with 71 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
dist/css/bootstrap.css vendored
View File

@ -1709,7 +1709,7 @@ output {
.form-control { .form-control {
display: block; display: block;
width: 100%; width: 100%;
height: 2.6rem; height: 2.7rem;
padding: .5rem 1rem; padding: .5rem 1rem;
font-size: 1rem; font-size: 1rem;
line-height: 1.5; line-height: 1.5;
@ -1761,20 +1761,20 @@ input[type="date"],
input[type="time"], input[type="time"],
input[type="datetime-local"], input[type="datetime-local"],
input[type="month"] { input[type="month"] {
line-height: 2.6rem; line-height: 2.7rem;
line-height: 1.5 \0; line-height: 1.5 \0;
} }
input[type="date"].input-sm, input[type="date"].input-sm,
input[type="time"].input-sm, input[type="time"].input-sm,
input[type="datetime-local"].input-sm, input[type="datetime-local"].input-sm,
input[type="month"].input-sm { input[type="month"].input-sm {
line-height: 3.6rem; line-height: 2.075rem;
} }
input[type="date"].input-lg, input[type="date"].input-lg,
input[type="time"].input-lg, input[type="time"].input-lg,
input[type="datetime-local"].input-lg, input[type="datetime-local"].input-lg,
input[type="month"].input-lg { input[type="month"].input-lg {
line-height: 5.5rem; line-height: 3.3625rem;
} }
.form-group { .form-group {
margin-bottom: 15px; margin-bottom: 15px;
@ -1852,7 +1852,7 @@ fieldset[disabled] .checkbox label {
} }
.input-sm, .input-sm,
.form-group-sm .form-control { .form-group-sm .form-control {
height: 3.6rem; height: 2.075rem;
padding: .3rem .75rem; padding: .3rem .75rem;
font-size: .85rem; font-size: .85rem;
line-height: 1.5; line-height: 1.5;
@ -1860,8 +1860,8 @@ fieldset[disabled] .checkbox label {
} }
select.input-sm, select.input-sm,
select.form-group-sm .form-control { select.form-group-sm .form-control {
height: 3.6rem; height: 2.075rem;
line-height: 3.6rem; line-height: 2.075rem;
} }
textarea.input-sm, textarea.input-sm,
textarea.form-group-sm .form-control, textarea.form-group-sm .form-control,
@ -1871,7 +1871,7 @@ select[multiple].form-group-sm .form-control {
} }
.input-lg, .input-lg,
.form-group-lg .form-control { .form-group-lg .form-control {
height: 5.5rem; height: 3.3625rem;
padding: .75rem 1.5rem; padding: .75rem 1.5rem;
font-size: 1.25rem; font-size: 1.25rem;
line-height: 1.33; line-height: 1.33;
@ -1879,8 +1879,8 @@ select[multiple].form-group-sm .form-control {
} }
select.input-lg, select.input-lg,
select.form-group-lg .form-control { select.form-group-lg .form-control {
height: 5.5rem; height: 3.3625rem;
line-height: 5.5rem; line-height: 3.3625rem;
} }
textarea.input-lg, textarea.input-lg,
textarea.form-group-lg .form-control, textarea.form-group-lg .form-control,
@ -1892,7 +1892,7 @@ select[multiple].form-group-lg .form-control {
position: relative; position: relative;
} }
.has-feedback .form-control { .has-feedback .form-control {
padding-right: 3.25rem; padding-right: 3.375rem;
} }
.form-control-feedback { .form-control-feedback {
position: absolute; position: absolute;
@ -1900,20 +1900,20 @@ select[multiple].form-group-lg .form-control {
right: 0; right: 0;
z-index: 2; z-index: 2;
display: block; display: block;
width: 2.6rem; width: 2.7rem;
height: 2.6rem; height: 2.7rem;
line-height: 2.6rem; line-height: 2.7rem;
text-align: center; text-align: center;
} }
.input-lg + .form-control-feedback { .input-lg + .form-control-feedback {
width: 5.5rem; width: 3.3625rem;
height: 5.5rem; height: 3.3625rem;
line-height: 5.5rem; line-height: 3.3625rem;
} }
.input-sm + .form-control-feedback { .input-sm + .form-control-feedback {
width: 3.6rem; width: 2.075rem;
height: 3.6rem; height: 2.075rem;
line-height: 3.6rem; line-height: 2.075rem;
} }
.has-success .help-block, .has-success .help-block,
.has-success .control-label, .has-success .control-label,
@ -2850,7 +2850,7 @@ tbody.collapse.in {
.input-group-lg > .form-control, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon, .input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn { .input-group-lg > .input-group-btn > .btn {
height: 5.5rem; height: 3.3625rem;
padding: .75rem 1.5rem; padding: .75rem 1.5rem;
font-size: 1.25rem; font-size: 1.25rem;
line-height: 1.33; line-height: 1.33;
@ -2859,8 +2859,8 @@ tbody.collapse.in {
select.input-group-lg > .form-control, select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn { select.input-group-lg > .input-group-btn > .btn {
height: 5.5rem; height: 3.3625rem;
line-height: 5.5rem; line-height: 3.3625rem;
} }
textarea.input-group-lg > .form-control, textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-addon,
@ -2873,7 +2873,7 @@ select[multiple].input-group-lg > .input-group-btn > .btn {
.input-group-sm > .form-control, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon, .input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn { .input-group-sm > .input-group-btn > .btn {
height: 3.6rem; height: 2.075rem;
padding: .3rem .75rem; padding: .3rem .75rem;
font-size: .85rem; font-size: .85rem;
line-height: 1.5; line-height: 1.5;
@ -2882,8 +2882,8 @@ select[multiple].input-group-lg > .input-group-btn > .btn {
select.input-group-sm > .form-control, select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn { select.input-group-sm > .input-group-btn > .btn {
height: 3.6rem; height: 2.075rem;
line-height: 3.6rem; line-height: 2.075rem;
} }
textarea.input-group-sm > .form-control, textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-addon,
@ -3381,9 +3381,9 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
} }
.navbar-form { .navbar-form {
padding: 10px 15px; padding: 10px 15px;
margin-top: 23.7px; margin-top: 23.65px;
margin-right: -15px; margin-right: -15px;
margin-bottom: 23.7px; margin-bottom: 23.65px;
margin-left: -15px; margin-left: -15px;
border-top: 1px solid transparent; border-top: 1px solid transparent;
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
@ -3464,12 +3464,12 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
.navbar-btn { .navbar-btn {
margin-top: 23.7px; margin-top: 23.65px;
margin-bottom: 23.7px; margin-bottom: 23.65px;
} }
.navbar-btn.btn-sm { .navbar-btn.btn-sm {
margin-top: 23.2px; margin-top: 23.9625px;
margin-bottom: 23.2px; margin-bottom: 23.9625px;
} }
.navbar-btn.btn-xs { .navbar-btn.btn-xs {
margin-top: 14px; margin-top: 14px;

2
dist/css/bootstrap.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

64
docs/dist/css/bootstrap.css vendored
View File

@ -1709,7 +1709,7 @@ output {
.form-control { .form-control {
display: block; display: block;
width: 100%; width: 100%;
height: 2.6rem; height: 2.7rem;
padding: .5rem 1rem; padding: .5rem 1rem;
font-size: 1rem; font-size: 1rem;
line-height: 1.5; line-height: 1.5;
@ -1761,20 +1761,20 @@ input[type="date"],
input[type="time"], input[type="time"],
input[type="datetime-local"], input[type="datetime-local"],
input[type="month"] { input[type="month"] {
line-height: 2.6rem; line-height: 2.7rem;
line-height: 1.5 \0; line-height: 1.5 \0;
} }
input[type="date"].input-sm, input[type="date"].input-sm,
input[type="time"].input-sm, input[type="time"].input-sm,
input[type="datetime-local"].input-sm, input[type="datetime-local"].input-sm,
input[type="month"].input-sm { input[type="month"].input-sm {
line-height: 3.6rem; line-height: 2.075rem;
} }
input[type="date"].input-lg, input[type="date"].input-lg,
input[type="time"].input-lg, input[type="time"].input-lg,
input[type="datetime-local"].input-lg, input[type="datetime-local"].input-lg,
input[type="month"].input-lg { input[type="month"].input-lg {
line-height: 5.5rem; line-height: 3.3625rem;
} }
.form-group { .form-group {
margin-bottom: 15px; margin-bottom: 15px;
@ -1852,7 +1852,7 @@ fieldset[disabled] .checkbox label {
} }
.input-sm, .input-sm,
.form-group-sm .form-control { .form-group-sm .form-control {
height: 3.6rem; height: 2.075rem;
padding: .3rem .75rem; padding: .3rem .75rem;
font-size: .85rem; font-size: .85rem;
line-height: 1.5; line-height: 1.5;
@ -1860,8 +1860,8 @@ fieldset[disabled] .checkbox label {
} }
select.input-sm, select.input-sm,
select.form-group-sm .form-control { select.form-group-sm .form-control {
height: 3.6rem; height: 2.075rem;
line-height: 3.6rem; line-height: 2.075rem;
} }
textarea.input-sm, textarea.input-sm,
textarea.form-group-sm .form-control, textarea.form-group-sm .form-control,
@ -1871,7 +1871,7 @@ select[multiple].form-group-sm .form-control {
} }
.input-lg, .input-lg,
.form-group-lg .form-control { .form-group-lg .form-control {
height: 5.5rem; height: 3.3625rem;
padding: .75rem 1.5rem; padding: .75rem 1.5rem;
font-size: 1.25rem; font-size: 1.25rem;
line-height: 1.33; line-height: 1.33;
@ -1879,8 +1879,8 @@ select[multiple].form-group-sm .form-control {
} }
select.input-lg, select.input-lg,
select.form-group-lg .form-control { select.form-group-lg .form-control {
height: 5.5rem; height: 3.3625rem;
line-height: 5.5rem; line-height: 3.3625rem;
} }
textarea.input-lg, textarea.input-lg,
textarea.form-group-lg .form-control, textarea.form-group-lg .form-control,
@ -1892,7 +1892,7 @@ select[multiple].form-group-lg .form-control {
position: relative; position: relative;
} }
.has-feedback .form-control { .has-feedback .form-control {
padding-right: 3.25rem; padding-right: 3.375rem;
} }
.form-control-feedback { .form-control-feedback {
position: absolute; position: absolute;
@ -1900,20 +1900,20 @@ select[multiple].form-group-lg .form-control {
right: 0; right: 0;
z-index: 2; z-index: 2;
display: block; display: block;
width: 2.6rem; width: 2.7rem;
height: 2.6rem; height: 2.7rem;
line-height: 2.6rem; line-height: 2.7rem;
text-align: center; text-align: center;
} }
.input-lg + .form-control-feedback { .input-lg + .form-control-feedback {
width: 5.5rem; width: 3.3625rem;
height: 5.5rem; height: 3.3625rem;
line-height: 5.5rem; line-height: 3.3625rem;
} }
.input-sm + .form-control-feedback { .input-sm + .form-control-feedback {
width: 3.6rem; width: 2.075rem;
height: 3.6rem; height: 2.075rem;
line-height: 3.6rem; line-height: 2.075rem;
} }
.has-success .help-block, .has-success .help-block,
.has-success .control-label, .has-success .control-label,
@ -2850,7 +2850,7 @@ tbody.collapse.in {
.input-group-lg > .form-control, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon, .input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn { .input-group-lg > .input-group-btn > .btn {
height: 5.5rem; height: 3.3625rem;
padding: .75rem 1.5rem; padding: .75rem 1.5rem;
font-size: 1.25rem; font-size: 1.25rem;
line-height: 1.33; line-height: 1.33;
@ -2859,8 +2859,8 @@ tbody.collapse.in {
select.input-group-lg > .form-control, select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn { select.input-group-lg > .input-group-btn > .btn {
height: 5.5rem; height: 3.3625rem;
line-height: 5.5rem; line-height: 3.3625rem;
} }
textarea.input-group-lg > .form-control, textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-addon,
@ -2873,7 +2873,7 @@ select[multiple].input-group-lg > .input-group-btn > .btn {
.input-group-sm > .form-control, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon, .input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn { .input-group-sm > .input-group-btn > .btn {
height: 3.6rem; height: 2.075rem;
padding: .3rem .75rem; padding: .3rem .75rem;
font-size: .85rem; font-size: .85rem;
line-height: 1.5; line-height: 1.5;
@ -2882,8 +2882,8 @@ select[multiple].input-group-lg > .input-group-btn > .btn {
select.input-group-sm > .form-control, select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn { select.input-group-sm > .input-group-btn > .btn {
height: 3.6rem; height: 2.075rem;
line-height: 3.6rem; line-height: 2.075rem;
} }
textarea.input-group-sm > .form-control, textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-addon,
@ -3381,9 +3381,9 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
} }
.navbar-form { .navbar-form {
padding: 10px 15px; padding: 10px 15px;
margin-top: 23.7px; margin-top: 23.65px;
margin-right: -15px; margin-right: -15px;
margin-bottom: 23.7px; margin-bottom: 23.65px;
margin-left: -15px; margin-left: -15px;
border-top: 1px solid transparent; border-top: 1px solid transparent;
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
@ -3464,12 +3464,12 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
.navbar-btn { .navbar-btn {
margin-top: 23.7px; margin-top: 23.65px;
margin-bottom: 23.7px; margin-bottom: 23.65px;
} }
.navbar-btn.btn-sm { .navbar-btn.btn-sm {
margin-top: 23.2px; margin-top: 23.9625px;
margin-bottom: 23.2px; margin-bottom: 23.9625px;
} }
.navbar-btn.btn-xs { .navbar-btn.btn-xs {
margin-top: 14px; margin-top: 14px;

2
docs/dist/css/bootstrap.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
docs/dist/css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

6
less/variables.less
View File

@ -182,11 +182,11 @@
@input-color-placeholder: @gray-light; @input-color-placeholder: @gray-light;
//** Default `.form-control` height //** Default `.form-control` height
@input-height-base: ((@font-size-base * @line-height-base) + (@padding-base-vertical * 2) + .1); @input-height-base: ((@font-size-base * @line-height-base) + (@padding-base-vertical * 2) + .2);
//** Large `.form-control` height //** Large `.form-control` height
@input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2); @input-height-large: ((@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + .2);
//** Small `.form-control` height //** Small `.form-control` height
@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2); @input-height-small: ((@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + .2);
@legend-color: @gray-dark; @legend-color: @gray-dark;
@legend-border-color: #e5e5e5; @legend-border-color: #e5e5e5;