在断点处调整 Susy $grid-padding

Question

我之前通过编写自己的 mixin 解决了这个问题，但我觉得 Susy 中必须有一个内置方法来解决这个问题。

我有一个移动优先的网格，它使用我的默认 $grid-padding，比如 1.5em，但是一旦我遇到第一个断点，我就会切换到更宽的 $grid-padding-tablet，也许是 3em，依此类推断点。

此外，一些元素还使用了bleed mixin来赋予无限宽度的视觉印象。

有没有简单的方法，只使用 @include container 之类的东西，而不是构建我自己的媒体查询和 mixin 来完成此操作？

Answer 1

对此的内置技术是with-grid-settings mixin (documentation)：

@include at-breakpoint($tablet) {
  @include with-grid-settings($padding: $grid-padding-tablet) {
    // your tablet code here
  }
}