1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-31 00:59:51 +02:00

Tighten up buttons and form controls

* Smaller padding on buttons and large buttons
* Same with inputs and large inputs
* Remove about 10px from height of large inputs/buttons and 4px from
regular ones

Fixes #8707 and #8700.

(Also relevant: #8711)
This commit is contained in:
Mark Otto
2013-08-02 15:09:48 -07:00
parent 7cd54e52f2
commit 173dac4e54
5 changed files with 28 additions and 19 deletions

View File

@@ -1453,8 +1453,8 @@ input[type="number"]::-webkit-inner-spin-button {
.form-control {
display: block;
width: 100%;
height: 38px;
padding: 8px 12px;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
@@ -1538,9 +1538,10 @@ textarea.form-control {
}
.input-large {
height: 56px;
padding: 14px 16px;
height: 45px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
@@ -1548,12 +1549,13 @@ textarea.form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-large {
height: 56px;
line-height: 56px;
height: 45px;
line-height: 45px;
}
select.input-small {
@@ -1647,7 +1649,7 @@ textarea.input-small {
.btn {
display: inline-block;
padding: 8px 12px;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
@@ -1932,8 +1934,9 @@ fieldset[disabled] .btn-link:focus {
}
.btn-large {
padding: 14px 16px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
@@ -2029,7 +2032,7 @@ input[type="button"].btn-block {
}
.input-group-addon {
padding: 8px 12px;
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
@@ -2049,7 +2052,7 @@ input[type="button"].btn-block {
}
.input-group-addon.input-large {
padding: 14px 16px;
padding: 10px 16px;
font-size: 18px;
border-radius: 6px;
}
@@ -2904,8 +2907,8 @@ button.close {
}
.navbar-form {
margin-top: 6px;
margin-bottom: 6px;
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-form .form-control,
@@ -3076,7 +3079,7 @@ button.close {
}
.navbar-btn {
margin-top: 6px;
margin-top: 8px;
}
.navbar-text {
@@ -3357,7 +3360,7 @@ button.close {
.pagination-large > li > a,
.pagination-large > li > span {
padding: 14px 16px;
padding: 10px 16px;
font-size: 18px;
}

File diff suppressed because one or more lines are too long