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

This element is used to toggle the hamburger menu that is been used on tablet
and mobile screens. When you put the class is-open on the o-header component,
the menu will appear.

{% endset %}

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

{% endset %} #}

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

- is-closed

  Will set the hamburger icon to a cross to close the mobile menu.

- is-hidden

  Will hide the hamburger

{% endset %}