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

The grid system is used by applying the class l-grid. In total, no more than 12
columns can fill up the grid. Every child element of the grid is called l-grid__col.
The child is properly applied by adding the amount of columns to the child class.
An example of a child could be: l-grid__col-4-12, l-grid__col-6-12 or l-grid__col-2-12.

{% endset %}

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

* l-grid--articles

  Used to give the articles more vertical spacing.

{% endset %}

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

{% endset %} #}