html - Sass Susy 画廊 : element that spans two columns

Question

我需要让 susy 的 gallery mixin 的一些元素跨越两列，问题是如图所示它不会将其他元素推到它后面，即使我尝试手动这样做。这怎么行。代码链接https://github.com/iyedg/IGBlogTheme

Answer 1

Here是有关具有不同大小元素的画廊的完美教程。

要点是:你不能用 gallery() 混合来实现这个，但是用 span() 混合是可能的，比如

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