sass-site/source/_includes/header.liquid

<header
  class="sl-r-banner"
  itemtype="http://schema.org/WPHeader"
  itemscope="itemscope"
  role="banner">
  <div class="sl-c-alert sl-c-alert--info" style="background: #000; padding: 3rem 0; text-align: left;">
    <div class="sl-l-container">
      <h2 style="margin-top: 0;">Black Lives Matter</h2>
      {% renderTemplate 'md' %}
        Sass stands with the protesters against police violence. We encourage our users to
        **get in the streets and join them if you can**.
      {% endrenderTemplate %}
    </div>
  </div>

  <div class="sl-c-pop-stripe"></div>
  <div class="sl-l-container">
    <div class="sl-l-grid sl-l-grid--full sl-l-large-grid--fit sl-l-large-grid--center sl-l-large-grid--gutters">
      <p class="sl-l-grid__column sl-r-banner__brand">
        <a href="/"><img height="48" alt="Sass" src="/assets/img/logos/logo.svg"></a>
      </p>
      <nav
        class="sl-r-banner__navigation sl-l-grid__column sl-l-large-grid sl-l-large-grid__column--auto-size sl-c-list-horizontal-wrapper"
        itemtype="http://schema.org/SiteNavigationElement"
        itemscope="itemscope"
        role="navigation"
        aria-label="Site navigation">
        {% renderTemplate 'md' %}
- [Install](/install)
- [Learn Sass](/guide)
- [Blog](/blog)
- [Documentation](/documentation)
- [Get Involved](/community)
- <div id="docsearch"></div>
        {% endrenderTemplate %}
      </nav>
    </div>
  </div>
</header>