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

This is a set of articles that is shown in a layout grid. This component is
based upon the article-preview.

{% endset %}

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

- m-article-tile--primary

  Primary color background, white text on hover

- m-article-tile--dark

  Dark color background, white text on hover

- m-article-tile--light

  Light grey background color, dark text on hover

- m-article-tile--white

  WHite background color, dark text color on hover

{% endset %}

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

{% endset %} #}

{# ========================================================================= #}
{# :: Javascript #}
{# ========================================================================= #}
{% set javascript %}

* js-m-article-tile

  this is to place the conten at the bottom and have smooth transition

{% endset %}