{# ========================================================================= #}
{# :: Info #}
{# ========================================================================= #}
{% set info %}

This is a quote block which will be used to represent some highlighted text.
It comes mostly as a group of four blocks but can also be used as a standalone
component.

{% endset %}

{# ========================================================================= #}
{# :: Modifiers #}
{# ========================================================================= #}
{% set modifiers %}

- a-quote--dark

  Will give the background a dark color

- a-quote--white

  Will give the background a white color

- a-quote--light

  Will give the background a light background

- a-quote--primary

  Will give the background the primary color

- a-quote--medium

  Will reduce the padding

- a-quote--small

  Will reduce the padding and font size

- a-quote--extra-small

  Will reduce the padding and font size

{% endset %}

{# ========================================================================= #}
{# :: States #}
{# ========================================================================= #}
{# {% set states %}

{% endset %} #}