From 56d1762c177111d9a0a58930b7ba5a435ae90331 Mon Sep 17 00:00:00 2001 From: Alex Coles Date: Thu, 9 Apr 2015 21:53:03 +0200 Subject: [PATCH] Make form sections, fieldsets styling identical Replace outer border with a border under the title/legend. Signed-off-by: Alex Coles --- app/assets/stylesheets/content/_forms.sass | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/app/assets/stylesheets/content/_forms.sass b/app/assets/stylesheets/content/_forms.sass index 681188a98e..62ac5c628c 100644 --- a/app/assets/stylesheets/content/_forms.sass +++ b/app/assets/stylesheets/content/_forms.sass @@ -171,7 +171,7 @@ fieldset %form--fieldset-or-section padding: 1rem margin-bottom: 1rem - border: 1px solid $gray + border: 0 %form--fieldset-legend-or-section-title color: lighten($body-font-color, 10) @@ -179,6 +179,7 @@ fieldset font-weight: bold line-height: 1.8 text-transform: uppercase + border-bottom: 1px solid $gray // HACK. TODO: Remove fieldset element rules in various places. .form--fieldset, @@ -187,6 +188,7 @@ fieldset.form--fieldset .form--fieldset-legend @extend %form--fieldset-legend-or-section-title + width: 100% .form--section @extend %form--fieldset-or-section @@ -199,11 +201,9 @@ fieldset.form--fieldset // properties to reset h3 margin: 0 padding: 0 - border: 0 .form--section > &, #content .form--section > & - border-bottom: 1px solid $gray margin-bottom: 1rem .form--field