]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
drop .form-horizontal
authorMark Otto <markdotto@gmail.com>
Thu, 23 Apr 2015 08:11:10 +0000 (01:11 -0700)
committerMark Otto <markdotto@gmail.com>
Thu, 23 Apr 2015 08:11:10 +0000 (01:11 -0700)
scss/_forms.scss

index 4b235939e63a23eea4befb5eb9e593787e00efec..154430119d4ff9a49b1c851fe49d62c1ccdfbdcc 100644 (file)
@@ -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);
-      }
-    }
-  }
-}