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

  The mosaic grid is made upon the technology of CSS grid. It's used by applying the class <strong>l-mosaic</strong>.
  The grid uses 4 columns and automatic rows. Every child element of the grid is called <strong>l-mosaic__col</strong> and <strong>l-mosaic__row</strong>.
  The child is properly applied by adding the amount of columns and rows to the child class.
  An example of a child could be: <strong>l-mosaic__col-2</strong> or <strong>l-grid__row-2</strong>.

{% endset %}

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

{% endset %} #}

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

{% endset %} #}