diff --git a/assets/sass/elements/_forms.scss b/assets/sass/elements/_forms.scss index 4e3dcaaac..bb4b6bc8e 100644 --- a/assets/sass/elements/_forms.scss +++ b/assets/sass/elements/_forms.scss @@ -36,14 +36,14 @@ textarea { // 2. Form wrappers // ========================================================================== -// Form section is used to wrap .form-group and has twice its margin -.form-section { +.form-section, +.form-group { @extend %contain-floats; @include box-sizing(border-box); +} - float: left; - width: 100%; - +// Form section is used to wrap .form-group and has twice its margin +.form-section { margin-bottom: $gutter; @include media(tablet) { @@ -53,12 +53,6 @@ textarea { // Form group is used to wrap label and input pairs .form-group { - @extend %contain-floats; - @include box-sizing(border-box); - - float: left; - width: 100%; - margin-bottom: $gutter-half; @include media(tablet) { @@ -103,9 +97,8 @@ textarea { // Used for the 'or' in between block label options .form-block { - @extend %contain-floats; float: left; - width: 100%; + clear: left; margin-top: -5px; margin-bottom: 5px;