Online Slaapcomfort components for Magento 2

Fieldset 

<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-font-weight: $font-weight-base !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: 802 Bytes

There are no notes for this item.