sass-site/source/_includes/playground/header.liquid
Stacy Kvernmo f4f5cc0441 Merge branch 'browser-code-editor' of https://github.com/oddbird/sass-site into browser-code-editor
# Conflicts:
#	source/assets/sass/components/_playground.scss
#	source/playground.liquid
2023-06-12 13:38:27 -05:00

26 lines
976 B
Plaintext

<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-large-grid--center sl-l-small-grid--justify-space-between sl-l-small-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-large-grid--center">{{ title }}</h1>
<div class="sl-l-grid sl-l-grid__column sl-l-large-grid--center playground-actions">
<button type="button" id="playground-copy-url" class="sl-c-button">Copy URL</button>
<div class="sl-c-alert playground-alert" id="playground-copied-alert">
URL copied to clipboard
</div>
</div>
</div>
</>
</header>