如何基於網格列的數量創建一組類？

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; 
     } 
    } 
}