Sass code to generate 12 grid columns. @for $i from 1 through 12 { .col-#{$i} { grid-column-start: 1; grid-colimn-end: #{$i}; } } @for $i from 1 through 11 { .push-#{$i} { grid-column-start: #{$i}; } }
@for $i from 1 through 12 { .col-#{$i} { grid-column-start: 1; grid-colimn-end: #{$i}; } }
@for $i from 1 through 11 { .push-#{$i} { grid-column-start: #{$i}; } }
See the generated code