Sass Susy畫廊：跨越兩列的元素

Question

我需要使susy的gallery mixin的某些元素跨越兩列，問題是如圖所示，即使我嘗試手動執行此操作，它也不會推動其他元素。 這怎么做。 指向代碼的鏈接https://github.com/iyedg/IGBlogTheme

Answer 1

這是有關具有不同尺寸項目的畫廊的完美教程。

主要要點是：您無法使用gallery() mixin實現此目的，但是通過span() mixin可以實現以下目的：

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