특정 중단 점에서 Susy 설정을 덮어 쓰는 방법

Question

작은 중단 점에서 Susy의 갤러리 설정을 사용 중이며 (모바일 첫 번째 CSS 구조로 인해) 더 큰 중단 점으로 전달되는 중이고 취소/내 div가 전체 너비로 확장되도록 덮어 씁니다.

태블릿 출력 :

[div] [div] [div] 

원하는 바탕 화면 출력 :

[  div  ] 
[  div  ] 
[  div  ] 

내 시도 :

div { 
    @include gallery(4); 
    @media (min-width: 900px) { 
    @include break; 
    @include full; 
    } 
} 

see FIDDLE

Answer 1

내가 확신 당신은 이미 더함으로써이 문제를 해결하지 w.하지만 같은 문제에 대해 생각해봤을 때 나는 내 솔루션을 게시 할 것이라고 생각했다. 다음과 같이 된 div를 재설정 한 후

@mixin reset-gallery { 
    &:nth-child(1n) { 
    margin-left: 0; 
    margin-right: gutter(); 
    } 

    &:last-child { 
    margin-right: 0; 
    } 
} 

과 :

@media (min-width: 900px) { 
    @include reset-gallery; 
    @include span(full); 
} 

Updated fiddle here을

은 다음과 믹스 인을 추가합니다. 그것은 모든 상황에서 작동하지 않을 수도 있지만 그것은 나를 위해 일했고 또한 귀하의 경우에도 작동하는 것 같습니다.