<div class="cta-card bg-sky br-8 p-32">
<div class="cta-card__inner">
<div class="cta-card__header">
<h4>Esse aliqua exercitation velit.</h4>
</div>
<div class="cta-card__content">Sunt esse esse tempor ullamco amet. Cupidatat commodo cupidatat proident nisi mollit in anim. Mollit in amet sunt esse proident dolor in eiusmod sint quis elit ut ea. Id velit ex non Lorem ullamco anim sit culpa occaecat est nulla eiusmod.</div>
<div class="cta-card__actions">
<a class="a-btn a-btn--default" href="#">
Elit cillum ex!
</a>
</div>
</div>
</div>
<div class="cta-card{{modifierClasses|lspace}}">
<div class="cta-card__inner">
{% if heading -%}
<div class="cta-card__header">
{% render '@heading--h4', heading, true %}
</div>
{%- endif %}
<div class="cta-card__content{{content.modifierClasses|lspace}}">{{content.text|safe}}</div>
{% if button -%}
<div class="cta-card__actions">
{% render '@button', button, true %}
</div>
{%- endif %}
</div>
</div>
{
"heading": {
"tag": "h4",
"text": "Esse aliqua exercitation velit."
},
"content": {
"text": "Sunt esse esse tempor ullamco amet. Cupidatat commodo cupidatat proident nisi mollit in anim. Mollit in amet sunt esse proident dolor in eiusmod sint quis elit ut ea. Id velit ex non Lorem ullamco anim sit culpa occaecat est nulla eiusmod.",
"modifierClasses": null
},
"button": {
"tag": "a",
"href": "#",
"text": "Elit cillum ex!"
},
"modifierClasses": "bg-sky br-8 p-32"
}
.cta-card {
$this: &;
&__inner {}
&__actions {
margin-top: rem(16px);
}
}
No notes defined.