{% set ns = 'header' %}

<header class="{{ns}}">
  <div class="{{ns}}__container grid-container">
    <h1 class="{{ns}}__title">
      <a href="/">Holly</a>
    </h1>
    <nav class="{{ns}}__nav">
      <ul class="{{ns}}__nav-list">
        <li class="{{ns}}__nav-item">
          <a href="/">Home</a>
        </li>
        <li class="{{ns}}__nav-item">
          <a href="/styleguide.html">Styleguide</a>
        </li>
        <li class="{{ns}}__nav-item">
          <a href="/components.html">Components</a>
        </li>
      </ul> {# __nav-list #}
    </nav> {# __nav #}
  </div> {# __container #}
</header> {# .header #}