Skip to content

Instantly share code, notes, and snippets.

@halfnibble

halfnibble/_grid.sass

Last active April 24, 2019 17:31
Show Gist options
  • Save halfnibble/1ff1f405695c207f12532be663c7793a to your computer and use it in GitHub Desktop.
Save halfnibble/1ff1f405695c207f12532be663c7793a to your computer and use it in GitHub Desktop.
Download ZIP
Sass Grid For Loop
Raw
_grid.sass
@for $i from 1 through 12
.col-sm-#{$i}
@include sizer(small)
float: left
width: percentage(($i/12))
.col-md-#{$i}
@include sizer(medium)
float: left
width: percentage(($i/12))
.col-lg-#{$i}
@include sizer(large)
float: left
width: percentage(($i/12))
@for $i from 1 through 12
.col-sm-#{$i}
@include sizer(small)
flex: $i
.col-md-#{$i}
@include sizer(medium)
flex: $i
.col-lg-#{$i}
@include sizer(large)
flex: $i
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment