{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}
{% import "styleguides/general/organisms/header/header-macros.njk" as header %}

{# ========================================================================= #}
{# :: Settings #}
{# ========================================================================= #}
{% set params = {
  isFullWidth: true,
  styleVendors: [],
  scriptVendors: [],
  scope: "s-header s-header--inverted"
} %}

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

An inverted header is used to change the colors in the header to white.

- o-header--detail
- o-header--theme-white

{% endset %}

{# ========================================================================= #}
{# :: Preview #}
{# ========================================================================= #}
{% set preview %}

  {{header.overlay("o-header--theme-white", {
    icon: "a-icon-button--inverted",
    title: "Theme white"
  })}}

{% endset %}

{# ========================================================================= #}
{# :: Code #}
{# ========================================================================= #}
{# {% set code %}
{% endset %} #}