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

The hero is used on every page to show at which page you are. It's made of a
title and an image.

{% endset %}

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

- m-hero--inverted

  This modifier will put the text in a white color.

- m-hero--placeholder

  This will give the hero component a placeholder background and hide the
  gradient

{% endset %}

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

{% endset %} #}