Quotes

Use a pull quote to highlight excerpts from the current work. This is not to be confused with blockquote which quotes from an external work. Since a pull quote is an excerpt and repeats content from the article you should use the aside element.

Default pull quote

HTML code snippet

<aside class="m-pull-quote">
    <p class="m-pull-quote_body">
      "You miss 100% of the shots you don't take - Wayne Gretzky"
    </p>
    <footer>
        <cite class="m-pull-quote_citation">
            Michael Scott
        </cite>
    </footer>
</aside>

Large pull quote

HTML code snippet

<aside class="m-pull-quote m-pull-quote__large">
    <div class="m-pull-quote_body">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit.
        Cum corrupti tempora nam nihil qui mollitia consectetur
        corporis nemo culpa dolorum!
    </div>
    <footer>
        <cite class="m-pull-quote_citation">
            Author Name
        </cite>
    </footer>
</aside>