Typography

Blockquote

Blockquotes have two formatting options. One is the standard font size for a blockquote, and the other is for a smaller font size which is preferred for longer quotes.

Note: The field .c-blockquote__figure is optional. This way, we can have "John Smith said:" and then the quote and not have to re-reference John Smith.

Ut enim ad minima veniam, quis nostrum exercitationem ullaiiiiiii corporis suscipit laboriosam, nisi ut aliquid ex ea ioiportitt and thii John Smith, some guy from somewhere

.c-blockquote--small

small blockquotes

Ut enim ad minima veniam, quis nostrum exercitationem ullaiiiiiii corporis suscipit laboriosam, nisi ut aliquid ex ea ioiportitt and thii John Smith, some guy from somewhere

<blockquote class="c-blockquote [modifier class]">
  <span class="c-blockquote__content">Ut enim ad minima veniam, quis nostrum exercitationem ullaiiiiiii corporis suscipit laboriosam, nisi ut aliquid ex ea ioiportitt and thii</span> <!-- This element needs to be an inline element -->
  <span class="c-blockquote__figure">John Smith, some guy from somewhere</span>
</blockquote>