Sass Susy 갤러리 : 두 개의 열에 걸쳐있는 요소

Question

susy의 갤러리 믹스 인 스팬 2 열의 일부 요소를 만들 필요가 있습니다. 문제는 그림에 표시된대로 다른 요소를 밀어 넣지 않았습니다. 시도했지만 수동으로 할 수 있습니다. 어떻게이 일을 할 수 있겠습니까. 코드에 대한 링크 https://github.com/iyedg/IGBlogTheme

Answer 1

Here은 다양한 크기의 항목이있는 갤러리에 대한 완벽한 자습서입니다. 당신은 gallery() 믹스 인으로이를 달성 할 수 있지만,

같은 코드 모양을 무엇

$susy: (
 
    columns: 12, 
 
    output: isolate 
 
); 
 

 
// Assuming output is set to isolate 
 
.gallery__item { 
 
    margin-bottom: gutter(); 
 
    @include span(4 of 12 split); 
 

 
    &:nth-child(4), 
 
    &:nth-child(7), { 
 
    width: span(8 of 12 split); 
 
    } 
 
}