diff --git a/scss/_forms.scss b/scss/_forms.scss index 4b235939e6..154430119d 100644 --- a/scss/_forms.scss +++ b/scss/_forms.scss @@ -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); - } - } - } -}