D.School Component Library

Kicker 

<span class="o-kicker">
        Kicker
    </span>
 
{% if kicker.text %}
  {% set base_class = kicker.base_class|default('o-kicker') %}
  <span class="{{ bem(base_class, kicker.element, kicker.modifiers, kicker.extra) }}">
    {{ kicker.text }}
  </span>
{% endif %}
 
{
  "kicker": {
    "text": "Kicker"
  }
}
  • Content: 
    /* ------------------------------------ *\
  $KICKER
\* ------------------------------------ */

.o-kicker {
  color: var(--ds-color-content-secondary-default);
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  @include o-typography-body--md('bold');
}
  • URL: /components/raw/kicker/_kicker.scss
  • Filesystem Path: components/01-atoms/text/kicker/_kicker.scss
  • Size: 260 Bytes

No notes defined.