如何在某些断点处覆盖Susy设置

Question

我在一个小断点处使用Susy的画廊设置（由于移动的第一个CSS结构），它被传递到更大的断点，我无法弄清楚如何清除/覆盖它以允许我的div跨越全宽。

平板电脑输出：

[div] [div] [div]

所需的桌面输出：

[      div      ]
[      div      ]
[      div      ]

我的尝试：

div {
  @include gallery(4);
  @media (min-width: 900px) {
    @include break;
    @include full;
  }
}

see FIDDLE

Answer 1

我相信你现在已经解决了这个问题，但是由于我遇到了同样的问题，我认为我会发布我的解决方案。

添加以下mixin：

@mixin reset-gallery {
  &:nth-child(1n) {
    margin-left: 0;
    margin-right: gutter();
  }

  &:last-child {
    margin-right: 0;
  }
}

然后按如下方式重置你的div：

@media (min-width: 900px) {
  @include reset-gallery;
  @include span(full);
}

Updated fiddle here。它可能不适用于所有情况，但它对我有用，似乎也适用于你的情况。