html - Sass Susy 画廊：跨越两列的元素

Question

我需要使 susy 的画廊 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);
  }
}