drop .form-horizontal
This commit is contained in:
parent
2cf5213c15
commit
cc7c27dd71
|
@ -408,72 +408,3 @@ input[type="checkbox"] {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Horizontal forms
|
||||
//
|
||||
// Horizontal forms are built on grid classes and allow you to create forms with
|
||||
// labels on the left and inputs on the right.
|
||||
|
||||
.form-horizontal {
|
||||
|
||||
// Consistent vertical alignment of radios and checkboxes
|
||||
//
|
||||
// Labels also get some reset styles, but that is scoped to a media query below.
|
||||
.radio,
|
||||
.checkbox,
|
||||
.radio-inline,
|
||||
.checkbox-inline {
|
||||
padding-top: ($padding-base-vertical + .1); // Default padding plus a border
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
// Account for padding we're adding to ensure the alignment and of help text
|
||||
// and other content below items
|
||||
.radio,
|
||||
.checkbox {
|
||||
min-height: ($line-height-computed + ($padding-base-vertical + .1));
|
||||
}
|
||||
|
||||
// Make form groups behave like rows
|
||||
.form-group {
|
||||
@include make-row();
|
||||
}
|
||||
|
||||
// Reset spacing and right align labels, but scope to media queries so that
|
||||
// labels on narrow viewports stack the same as a default form example.
|
||||
@include media-breakpoint-up(sm) {
|
||||
.control-label {
|
||||
padding-top: ($padding-base-vertical + .1); // Default padding plus a border
|
||||
margin-bottom: 0;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
// Validation states
|
||||
//
|
||||
// Reposition the icon because it's now within a grid column and columns have
|
||||
// `position: relative;` on them. Also accounts for the grid gutter padding.
|
||||
.has-feedback .form-control-feedback {
|
||||
right: ($grid-gutter-width / 2);
|
||||
}
|
||||
|
||||
// Form group sizes
|
||||
//
|
||||
// Quick utility class for applying `.input-lg` and `.input-sm` styles to the
|
||||
// inputs and labels within a `.form-group`.
|
||||
.form-group-lg {
|
||||
@include media-breakpoint-up(sm) {
|
||||
.control-label {
|
||||
padding-top: $padding-lg-vertical;
|
||||
}
|
||||
}
|
||||
}
|
||||
.form-group-sm {
|
||||
@include media-breakpoint-up(sm) {
|
||||
.control-label {
|
||||
padding-top: ($padding-sm-vertical + .1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue