reorganized input-group related styles to allow for optional ancestry of input-group as form-group

This commit is contained in:
Kevin Ross 2015-11-11 12:40:37 -06:00
parent 4996435adb
commit d6f7d631e4

View File

@ -229,28 +229,29 @@ select.form-control {
} }
} }
.input-group { // ----------------
.form-group { // input group/addon related styles
.form-control {
float: none;
}
margin-right: 5px;
margin-left: 5px;
// sm margin // default margin
&.form-group-sm { .input-group-button-variation(@md-input-padding-base-vertical);
.input-group-button-variation(@md-input-padding-small-vertical);
}
// lg margin .form-group {
&.form-group-lg { //.form-control {
.input-group-button-variation(@md-input-padding-large-vertical); // float: none;
} //}
// sm margin
&.form-group-sm {
.input-group-button-variation(@md-input-padding-small-vertical);
} }
// default margin // lg margin
.input-group-button-variation(@md-input-padding-base-vertical); &.form-group-lg {
.input-group-button-variation(@md-input-padding-large-vertical);
}
}
.input-group { // may be in or outside of form-group
.input-group-btn { .input-group-btn {
padding: 0 12px; // match addon spacing padding: 0 12px; // match addon spacing
} }