// Foundation for Sites by ZURB
// foundation.zurb.com
// Licensed under MIT Open Source

////
/// @group forms
////

/// Default border around custom fieldsets.
/// @type Border
$fieldset-border: 1px solid $medium-gray !default;

/// Default padding inside custom fieldsets.
/// @type Number
$fieldset-padding: rem-calc(20) !default;

/// Default margin around custom fieldsets.
/// @type Number
$fieldset-margin: rem-calc(18 0) !default;

/// Default padding between the legend text and fieldset border.
/// @type Number
$legend-padding: rem-calc(0 3) !default;

@mixin fieldset {
  margin: $fieldset-margin;
  padding: $fieldset-padding;
  border: $fieldset-border;

  legend {
    // Covers up the fieldset's border to create artificial padding
    margin: 0;
    margin-#{$global-left}: rem-calc(-3);
    padding: $legend-padding;
    background: $body-background;
  }
}

@mixin foundation-form-fieldset {
  fieldset {
    margin: 0;
    padding: 0;
    border: 0;
  }

  legend {
    max-width: 100%;
    margin-bottom: $form-spacing * 0.5;
  }

  .fieldset {
    @include fieldset;
  }
}

// Foundation for Sites by ZURB
// foundation.zurb.com
// Licensed under MIT Open Source

////
/// @group forms
////

/// Default border around custom fieldsets.
/// @type Border
$fieldset-border: 1px solid $medium-gray !default;

/// Default padding inside custom fieldsets.
/// @type Number
$fieldset-padding: rem-calc(20) !default;

/// Default margin around custom fieldsets.
/// @type Number
$fieldset-margin: rem-calc(18 0) !default;

/// Default padding between the legend text and fieldset border.
/// @type Number
$legend-padding: rem-calc(0 3) !default;

@mixin fieldset {
  margin: $fieldset-margin;
  padding: $fieldset-padding;
  border: $fieldset-border;

  legend {
    // Covers up the fieldset's border to create artificial padding
    margin: 0;
    margin-#{$global-left}: rem-calc(-3);
    padding: $legend-padding;
  }
}

@mixin foundation-form-fieldset {
  fieldset {
    margin: 0;
    padding: 0;
    border: 0;
  }

  legend {
    max-width: 100%;
    margin-bottom: $form-spacing * 0.5;
  }

  .fieldset {
    @include fieldset;
  }
}

Remove background color from styled <legend>
Remove background color from styled <legend>

Fixes #10254.

Removing the colour makes no difference to the display and allows the element to be placed on areas with different background colours without having to override the element's CSS.
