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 {
margin-left: 10px;
}
.controls > .radio.inline:first-child, .controls > .checkbox.inline:first-child {
padding-top: 5px;
}
input, textarea {
-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);

View File

@ -175,6 +175,11 @@ input[type="hidden"] {
.checkbox.inline + .checkbox.inline {
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
}