그리드 열의 수를 기반으로 클래스 세트를 어떻게 만듭니 까?

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