DOTD Component Library

Caption 

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

.o-caption,
figcaption {
  color: var(--dotd-color-content-default-weak);
  margin-top: var(--dotd-space-sm);
  @include o-typography-body--sm;
}
  • URL: /components/raw/caption/_caption.scss
  • Filesystem Path: components/01-atoms/text/caption/_caption.scss
  • Size: 244 Bytes

No notes defined.