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

The aside layout is made to display additional info on the left side of the
content. It uses CSS grid on screen larger then tablet.
The aside can have a highlighted item wich is placed on the top of the aside.

{% endset %}

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

* l-aside--with-highlight

  Used to display the highlight component in the css grid and to position the
  additional info.

{% endset %}

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

{% endset %} #}