<h2>Simple effects class - Demo</h2>

<div>
  <span class="efx efx-pulse efx-default p-1 mb-1 d-inline-block">Pulse - branding default</span>
</div>

{% set statuses = [
  'primary',
  'secondary',
  'success',
  'info',
  'warning',
  'danger',
  'light',
  'dark',
] %}

{% for status in statuses %}
  <div>
    <span class="efx efx-pulse efx-{{ status }} p-1 mb-1 d-inline-block">Pulse - {{ status }}</span>
  </div>
{% endfor %}
