Code Blender

An atomic Middleman partials library

Blockquote, quote blocks of textual content

  2. Atom
  3. Blockquote, quote blocks of textual content

Default

Standard blockquote

= codeBlender "blockquote", "atom", { text: "Standard blockquote" }

<blockquote class='blockquote'>
<p class='blockquote__text'>Standard blockquote</p>
</blockquote>

Blockquote with secondary small text

Blockquote with secondary small text

Small Text
= codeBlender "blockquote", "atom", { small: "Small Text", text: "Blockquote with secondary small text" }

<blockquote class='blockquote'>
<p class='blockquote__text'>Blockquote with secondary small text</p>
<footer class='blockquote__footer'>Small Text</footer>
</blockquote>

Blockquote pulled right

Blockquote pulled right

Right handed secondary text
= codeBlender "blockquote", "atom", { right: true, small: "Right handed secondary text", text: "Blockquote pulled right" }

<blockquote class='blockquote blockquote-reverse'>
<p class='blockquote__text'>Blockquote pulled right</p>
<footer class='blockquote__footer'>Right handed secondary text</footer>
</blockquote>

Resources Useful websites and tutorials

Title URL
Bootstrap blockquote http://getbootstrap.com/css/#type-blockquotes