Inlineable forms
This commit is contained in:
parent
7639859cec
commit
833f007e77
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue