2.1 global.header Branding header

Toggle example guides Toggle HTML markup

@TODO: Replace this image mock-up with an HTML/CSS/JS implementation.

Examples
Default styling
.header--mobile
Mobile version of the header.
Markup: global/header/header.twig 
<header class="header {{modifier_class}}" role="banner">
  {% if modifier_class == 'header--mobile' %}
    <img src="components/global/header/mockup-mobile.png" />
  {% else %}
    <img src="components/global/header/mockup.png" />
  {% endif %}
</header>
Source: global/header/_header.scss, line 5