...
| Code Block |
|---|
<ul class="panel panel--yellow"> ... </ul> |
Quotes
Want to turn a block to text into a quote? Apply the quote class. Want to attribute the quote to someone? Apple the quote__attribution class.
...
| Code Block |
|---|
<blockquote class="quote">
<p>...</p>
<p class="quote__attribution">...</p>
</blockquote> |
| Info |
|---|
This doesn’t only work with <blockquote> elements. Any block-level wrapper should work (e.g., <div>, <p>, etc.). |
How to apply quotes in WYSIWYGs
If you only have a single-paragraph quote, simply highlight that paragraph and apply the quote class as normal.
If you have a multiple-paragraph quote, or want to add an attribution…
Type out the quote in its entirety, with each paragraph and the attribution on separate lines.
Highlight the entire quote, including attribution.
From the WYSIWYG toolbar, select Formats > Blocks > Blockquote.
Apply the quote class to the blockquote element, and quote__attribution class to the attribution line.