sass-site/source/_includes/header.liquid
2023-01-29 15:04:56 -05:00

40 lines
1.4 KiB
Plaintext

<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>