Как создать набор классов на основе количества столбцов сетки?

Question

Есть ли способ, чтобы Singularity автоматически генерировал набор доступных классов в зависимости от количества столбцов сетки?

$grids: 12; 

.span1-1 { @include grid-span(1,1);} 
.span1-2 { @include grid-span(1,2);} 
.span1-3 { @include grid-span(1,3);} 
... 
.span11-1 { @include grid-span(11,1);} 
.span12 { @include grid-span(12);} 

Answer 1

Йуп:

$grids: 12; 
$gutters: .5; 

@for $i from 1 through $grids { 
    @for $n from 1 through $grids - $i + 1 { 
     .span#{$n}-#{$i} { 
      @include grid-span($n, $i); 
      overflow: visible !important; 
     } 
    } 
}