Inlineable forms

This commit is contained in:
Mike Francis 2015-04-09 16:10:07 +01:00
parent 7639859cec
commit 833f007e77
2 changed files with 12 additions and 2 deletions

View File

@ -51,11 +51,20 @@ textarea {
* Form utility classes * Form utility classes
*/ */
.form--inline {
.form__group {
display: inline-block;
}
}
.checkbox, .checkbox,
.radio { .radio {
display: block; display: block;
padding-left: $base-spacing-unit; padding-left: $base-spacing-unit;
input { &.inline {
display: inline-block;
}
> input {
float: left; float: left;
margin-left: -($base-spacing-unit); margin-left: -($base-spacing-unit);
margin-top: 4px; margin-top: 4px;
@ -63,6 +72,7 @@ textarea {
} }
.form__group { .form__group {
display: block;
margin-bottom: $base-spacing-unit; margin-bottom: $base-spacing-unit;
} }

File diff suppressed because one or more lines are too long