sass - 在断点处调整 Susy $grid-padding

Question

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

我有一个移动优先网格，它使用我的默认 $grid-padding，比如 1.5em，但是一旦我遇到第一个断点，我就会切换到更宽的 $grid-padding-tablet，可能是 3em，等等通过其他断点。

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

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

score 2 · Accepted Answer

内置技术是with-grid-settingsmixin（文档）：

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

1 回答 1