DOTD Component Library

Blockquote 

<div class="o-blockquote">
        <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
        <cite class="o-blockquote__citation">
            Jane Doe
        </cite>
    </div>
 
{% if blockquote.text %}
  {% set base_class = blockquote.base_class|default('o-blockquote') %}
  <div class="{{ bem(base_class, blockquote.element, blockquote.modifiers, blockquote.extra) }}">
    <p>{{ blockquote.text }}</p>
    {% if blockquote.citation %}
      <cite class="{{ bem(base_class, "citation") }}">
        {{ blockquote.citation }}
      </cite>
    {% endif %}
  </div>
{% endif %}
 
{
  "blockquote": {
    "text": "Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.",
    "citation": "Jane Doe"
  }
}
  • Content: 
    /* ------------------------------------ *\
  $BLOCKQUOTE
\* ------------------------------------ */

.o-blockquote {
  @include o-blockquote;
}
  • URL: /components/raw/blockquote/_blockquote.scss
  • Filesystem Path: components/01-atoms/text/blockquote/_blockquote.scss
  • Size: 143 Bytes

No notes defined.