Skip to content

Instantly share code, notes, and snippets.

@lesjames

lesjames/gist:5785224

Forked from andymerskin/gist:5785147
Last active December 18, 2015 12:49
Show Gist options
  • Save lesjames/5785224 to your computer and use it in GitHub Desktop.
Save lesjames/5785224 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<div class="wrapper">
<h1>Hello world.</h1>
<div class="grid">
<div class="grid__cell grid__cell--nav">
<h2>Hello world.</h2>
</div>
<div class="grid__cell grid__cell--nav">
<h2>Hello world.</h2>
</div>
<div class="grid__cell grid__cell--nav">
<h2>Hello world.</h2>
</div>
<div class="grid__cell grid__cell--nav">
<h2>Hello world.</h2>
</div>
<div class="grid__cell grid__cell--nav">
<h2>Hello world.</h2>
</div>
</div>
</div>
Raw
gistfile2.scss
@include breakpoint(12) {
.grid__cell--nav { width: fluid(2); }
.grid__cell--nav:first-child { margin-left: fluid(1); }
.grid__cell--nav:last-child { margin-right: fluid(1); }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment