<fieldset class="fieldset ">
    <legend class="fieldset__legend ">
        Legend
    </legend>
</fieldset>
        
    
        <fieldset class="fieldset {{ class }}">
    <legend class="fieldset__legend {{ legend.class }}">
        {{ legend.text }}
    </legend>
</fieldset>
    
        
            
            {
  "class": "",
  "legend": {
    "text": "Legend",
    "class": ""
  }
}
            
        
    
                                $fieldset__border            : none !default;
$fieldset__margin            : 0 !default;
$fieldset__padding           : 0 !default;
$fieldset__legend-margin     : 0 0 $spacer--medium !default;
$fieldset__legend-padding    : 0 !default;
$fieldset__legend-font-size  : $font-size-large !default;
$fieldset__legend-line-height: $font-line-height !default;
.fieldset {
    border: $fieldset__border;
    padding: $fieldset__padding;
    margin: $fieldset__margin;
    &__legend {
        padding: $fieldset__legend-padding;
        margin: $fieldset__legend-margin;
        font-size: $fieldset__legend-font-size;
        line-height: $fieldset__legend-line-height;
        &--hidden {
            @include visually-hidden();
        }
    }
}
                            
                            
                        No notes defined.