<div class="blockquote-wrapper">
<blockquote cite="#">
<p>This is a quote</p>
</blockquote>
<cite>The author</cite>
</div>
{{#with blockquote}}
<div class="blockquote-wrapper">
<blockquote cite="{{url}}">
<p>{{text}}</p>
</blockquote>
<cite>{{author}}</cite>
</div>
{{/with}}
{
"blockquote": {
"url": "#",
"text": "This is a quote",
"author": "The author"
}
}
.blockquote-wrapper {
blockquote {
margin: 0;
padding: $margin-m;
background-color: $c-background-light;
border-radius: $border-radius-m;
> p { margin: 0 }
}
cite {
display: block;
padding: $margin-s;
margin: 0;
font-style: initial;
font-weight: 700;
&:before {
content: "- ";
}
}
}
There are no notes for this item.