<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.