Blockquotes

Default

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Somebody in Source Title
    <blockquote>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod</p>
      <footer>Somebody in <cite title="Source Title">Source Title</cite></footer>
    </blockquote>

Reversed

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod

Somebody in Source Title
    <blockquote class="blockquote--reversed">
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod</p>
      <footer>Somebody in <cite title="Source Title">Source Title</cite></footer>
    </blockquote>

When combined with dark coloured 'Heroes'

Blockquotes are darker inside darker coloured heros to improve contrast.

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod