// 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 {
border: $fieldset-border; padding: $fieldset-padding; margin: $fieldset-margin; legend { // Covers up the fieldset's border to create artificial padding background: $body-background; padding: $legend-padding; margin: 0; margin-#{$global-left}: rem-calc(-3); }
}
@mixin foundation-form-fieldset {
fieldset { border: 0; padding: 0; margin: 0; } legend { margin-bottom: $form-spacing * 0.5; max-width: 100%; } .fieldset { @include fieldset; }
}