<div class="heading-container">
<h1 class="heading-container__heading text-center h1-style">Heading Container</h1>
<p class="heading-container__subheading text-center p-lg">Labore nisi cupidatat non laboris irure magna.</p>
</div>
<div class="heading-container{{modifierClasses|lspace}}">
{%- if heading -%}
<{{heading.tag}} class="heading-container__heading text-center{{heading.class|lspace}}">{{heading.text|safe}}</{{heading.tag}}>
{%- endif -%}
{%- if subheading -%}
<{{subheading.tag}} class="heading-container__subheading text-center{{subheading.class|lspace}}">{{subheading.text|safe}}</{{subheading.tag}}>
{%- endif -%}
</div>
{
"heading": {
"tag": "h1",
"text": "Heading Container",
"class": "h1-style"
},
"subheading": {
"tag": "p",
"text": "Labore nisi cupidatat non laboris irure magna.",
"class": "p-lg"
}
}
.heading-container {
margin: rem(32px) 0;
&__heading {}
&__subheading {}
}
No notes defined.