Singularity의 특정 상황에서 거터 스타일을 재정의하여 고정 된 거터를 얻을 수 있습니까?

Question

이미지 매트릭스가 있습니다. 각 행 2 이미지, 하나는 1/3의 너비, 다른 2/3은 너비와 두 사이의 거터. 모든 이미지의 높이가 똑같습니다. 그러나 특정 뷰포트에서 뷰포트 너비를 줄이면 2/3 이미지의 높이가 1/3 이미지보다 작아집니다. 나는 그것이이 특별한 경우에 사용하는 기본 거터 스타일에 의한 것 같아요. 그 밖의 다른 모든 경우에는 정상적으로 작동하지만 여기서는 문제의 근원입니다.

내 그리드 설정은 다음과 같습니다

$grids: 6; 
$grids: add-grid(9 at 675px); 
$grids: add-grid(12 at 850px); 
$grids: add-grid(15 at 1075px); 
$grids: add-grid(18 at 1200px); 
$gutters: 1/3; 
$output:'isolation'; 

과 CSS의 샘플 부분은 그런 식으로 보이는 (나는 그 스위치베이스 라인의 3 이상을 포함해야) :

이

@include switch-baseline($baseline850, $vr-850...) { 
    &:nth-child(4n+1) { 
     @include isolation-span(4, 1, 'right', $gutter:.5); 
    } 
    &:nth-child(4n+4) { 
     @include isolation-span(4, 9, 'right'); 
    } 
    &:nth-child(4n+2) { 
     @include isolation-span(8, 5, 'right'); 
    } 
    &:nth-child(4n+3) { 
     @include isolation-span(8, 1, 'right', $gutter:.5); 
    } 
    &:last-child { 
     @include trailer(2); 
    } 
} 

이제 내 질문은 단일 mixin 또는 레이아웃 컨텍스트에 대한 기본 그리드 설정을 재정의 할 수 있습니까? $ gutter-styles : $ gutter : .5 다음에 고정시키고 레이아웃 믹스에 gutter-styles 문을 추가합니다. 둘 다 나침반 오류가 발생합니다. 나는 singularity 1.1.2를 사용하고있다. 안부를 전하다

Answer 1

물론입니다! grid-span 전화로 $gutter-style을 전달하거나 @layout 믹스 인으로 $gutter-style을 전달할 수 있습니다. 설명서의 Context Overrides 섹션을 참조하십시오.