Reading / Words with a source

Quote

Keep a quotation and its source together, distinct from the surrounding argument.

Basic usage

Preview

Make information clear.

The doc-ui design principles

HTML

<blockquote class="quote">
  <p>Make information clear.</p>
  <footer class="quote-source">The doc-ui design principles</footer>
</blockquote>

Class / attribute	Purpose
`.quote`	The style for a blockquote.
`.quote-source`	The source, in a footer or cite element.

Name the author or document. The source is part of the information.

Examples follow your system color scheme. Use ◐ in the header to try automatic, light, and dark themes.