rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity

Makes inputs and buttons align middle so they line up in all browsers

Browse Source
This commit is contained in:
Pete Hopkins 2012-01-26 16:02:27 -05:00
parent f76444c858
commit b9413460af
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
lib/buttons.less
View File

@ -66,9 +66,9 @@
.btn {
// Button Base
display: inline-block;
padding: 5px 10px 6px;
padding: 4px 10px 4px;
font-size: @baseFontSize;
line-height: normal;
line-height: @baseLineHeight;
color: @grayDark;
text-shadow: 0 1px 1px rgba(255,255,255,.75);
#gradient > .vertical-three-colors(@white, @white, 25%, darken(@white, 10%)); // Don't use .gradientbar() here since it does a three-color gradient
@ -129,8 +129,9 @@
.border-radius(5px);
}
&.small {
padding: 7px 9px 7px;
padding: 5px 9px 5px;
font-size: @baseFontSize - 2px;
line-height: @baseLineHeight - 2px;
}
}

8
lib/forms.less
View File

@ -119,7 +119,6 @@ input[type=file] {
// Chrome on Linux and Mobile Safari need background-color
select {
width: 220px; // default input width + 10px of padding that doesn't get applied
vertical-align: baseline;
background-color: @white;
}
@ -377,9 +376,9 @@ select:focus:required:invalid {
}
.help-inline {
*position: relative; /* IE6-7 */
*top: -5px; /* IE6-7 */
display: inline;
display: inline-block;
margin-bottom: 9px;
vertical-align: middle;
padding-left: 5px;
}
@ -469,6 +468,7 @@ select:focus:required:invalid {
input,
textarea,
select,
.help-inline,
.uneditable-input {
display: inline-block;
margin-bottom: 0;

3
lib/reset.less
View File

@ -91,8 +91,7 @@ select,
textarea {
margin: 0;
font-size: 100%;
vertical-align: baseline;
*vertical-align: middle;
vertical-align: middle;
}
button,
input {