1.3.1 atoms.grouping.blockquote Block quotes
The <blockquote>
element is for quoting blocks of content from another
source within your document. Wrap the <blockquote>
around any HTML as the quote. For straight
quotes, we recommend a <p>
.
Optionally, add a <footer>
to identify the source of the quote, wrapping
the name of the source work in <cite>
.
Example
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Markup: components/atoms/grouping/grouping-blockquote.twig
<blockquote class="">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
erat a ante.</p>
</blockquote>
<blockquote class="">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
erat a ante.</p>
<footer>J. Smith in <cite title="Source Title, 2nd Edition">Source
Title</cite></footer>
</blockquote>
Source:
components/atoms/grouping/_grouping.scss
, line 9