sass-site/source/_includes/playground/header.liquid

<header
  class="sl-r-banner sl-r-banner--playground"
  itemtype="https://schema.org/WPHeader"
  itemscope="itemscope"
  role="banner">

  <div class="sl-c-pop-stripe"></div>
  <div class="sl-l-container">
    <div class="sl-l-grid sl-l-grid--full sl-l-small-grid--fit sl-l-grid--center sl-l-grid--justify-space-between sl-l-grid--gutters">
      <p class="sl-l-grid__column sl-r-banner__brand">
        <a href="/"><img
            height="24"
            alt="Sass"
            src="/assets/img/logos/logo.svg"></a>
      </p>
      <h1 class="sl-l-grid__column sl-l-grid--center sl-r-banner__playground-title">{{ title }}</h1>
      <div class="sl-l-grid sl-l-grid__column sl-l-grid--center  sl-r-banner__playground-actions">
        <button
          type="button"
          id="playground-copy-url"
          class="sl-c-button">Copy URL</button>
        <div class="sl-c-alert sl-r-banner__playground-alert" id="playground-copied-alert">
          URL copied to clipboard
        </div>
      </div>
    </div>
  </>
</header>