Skip to content

Instantly share code, notes, and snippets.

@eivindml

eivindml/grid.sass

Created May 14, 2017 08:48
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save eivindml/84fb39b1f3e3dce1e52c6cfea118d4a2 to your computer and use it in GitHub Desktop.
Save eivindml/84fb39b1f3e3dce1e52c6cfea118d4a2 to your computer and use it in GitHub Desktop.
Download ZIP
Minimalist CSS grid, using new CSS grid property. 🏁 Check compatibility before use.
Raw
grid.sass
.l-wrap
width: 100%
max-width: 1196px
margin: 0 auto
.l-grid
display: grid
grid-gap: 52px
grid-template-columns: repeat(6, 1fr)
&--col
grid-column: (auto / span) 6
@for $i from 1 through 6
&-#{$i}
grid-column: (auto / span) $i
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment