Skip to content

Instantly share code, notes, and snippets.

@ajmalafif

ajmalafif/district-slate-grid-example.html

Forked from jonathanmoore/district-slate-grid-example.html
Created November 14, 2017 09:15
Show Gist options
  • Save ajmalafif/944e76819e816950d79273d93c755d87 to your computer and use it in GitHub Desktop.
Save ajmalafif/944e76819e816950d79273d93c755d87 to your computer and use it in GitHub Desktop.
Download ZIP
Example usage of Shopify's Slate grid in District
Raw
district-slate-grid-example.html
<div class="grid">
<div class="grid__item one-half medium-down--one-whole">
<p>One Half<br>
One Whole (medium down)</p>
</div>
<div class="grid__item one-half medium-down--one-whole">
<p>One Half<br>
One Whole (medium down)</p>
</div>
<div class="grid__item one-quarter large--one-half medium-down--one-whole">
<p>One Quarter<br>
One Half (large)<br>
One Whole (medium down)</p>
</div>
<div class="grid__item one-quarter large--one-half medium-down--one-whole">
<p>One Quarter<br>
One Half (large)<br>
One Whole (medium down)</p>
</div>
<div class="grid__item one-quarter large--one-half medium-down--one-whole">
<p>One Quarter<br>
One Half (large)<br>
One Whole (medium down)</p>
</div>
<div class="grid__item one-quarter large--one-half medium-down--one-whole">
<p>One Quarter<br>
One Half (large)<br>
One Whole (medium down)</p>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment