0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00

remove padding from first-child of inline radios/checkboxes

This commit is contained in:
Mark Otto 2012-01-28 16:37:43 -08:00
parent 22d52fca46
commit 475b985a0e
2 changed files with 8 additions and 0 deletions

View File

@ -596,6 +596,9 @@ input[type="hidden"] {
.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
margin-left: 10px; margin-left: 10px;
} }
.controls > .radio.inline:first-child, .controls > .checkbox.inline:first-child {
padding-top: 5px;
}
input, textarea { input, textarea {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

View File

@ -175,6 +175,11 @@ input[type="hidden"] {
.checkbox.inline + .checkbox.inline { .checkbox.inline + .checkbox.inline {
margin-left: 10px; // space out consecutive inline controls margin-left: 10px; // space out consecutive inline controls
} }
// But don't forget to remove their padding on first-child
.controls > .radio.inline:first-child,
.controls > .checkbox.inline:first-child {
padding-top: 5px; // has to be padding because margin collaspes
}