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