<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": ""
  }
}
  • Content:
    $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();
            }
        }
    }
    
  • URL: /components/raw/fieldset/_fieldset.scss
  • Filesystem Path: build/components/Molecules/form/fieldset/_fieldset.scss
  • Size: 743 Bytes

No notes defined.