<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 25px !default;
    $fieldset__legend-font-size  : $font-size-large !default;
    $fieldset__legend-line-height: 1.2 !default;
    
    .fieldset {
        border: $fieldset__border;
        padding: $fieldset__padding;
        margin: $fieldset__margin;
    
        &__legend {
            padding: 0;
            margin: $fieldset__legend-margin;
            font-size: $fieldset__legend-font-size;
            line-height: $fieldset__legend-line-height;
        }
    }
    
    
    
  • URL: /components/raw/fieldset/_fieldset.scss
  • Filesystem Path: build/components/02-elements/form/fieldset/_fieldset.scss
  • Size: 582 Bytes

There are no notes for this item.