在断点处调整Susy $ grid-padding

Question

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

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

此外，一些元素还使用出血混合物来提供无限宽度的视觉印象。

是否有一种简单的方法，只需使用 @include container 之类的东西，而不是构建我自己的媒体查询和mixins来实现这一目标？

Answer 1

内置技巧是with-grid-settings mixin（documentation）：

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