<div class="rte-content rte-content--normal">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
</div>
No notes defined.
{
"modifier": "normal",
"content": [
{
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"
},
{
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"
}
]
}
.rte-content {
color: $blue;
&--lead {
@extend .heading-4;
line-height: 4.4rem;
font-weight: 400;
}
&--normal {
@extend .p-1;
a {
color: var(--brand-primary);
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
strong {
font-weight: bold;
}
}
p {
margin-bottom: 3rem;
}
p:last-child {
margin-bottom: 0;
}
}
<div class="rte-content rte-content--{{modifier}}">
{{#each content}}
<p>{{{text}}}</p>
{{/each}}
</div>