Susy网格 - 在分裂时增加外部容器排水沟

Question

我正在使用Susy网格建立一个网站，使用拆分排水沟（柱子两侧的排水沟）。但是外侧柔性排水沟在页面的侧面非常薄，特别是在移动设备上。有没有办法将更宽的外部水槽添加到我的容器混合物中？

Answer 1

最好的方法是简单地向container元素添加填充。

.container {
  @include container;
  padding: 0 $my-container-padding;
  box-sizing: content-box; // optional...
}

如果您希望将填充添加到容器宽度而不是删除，则可以考虑将容器box-sizing更改为content-box。到处玩，看看哪种方式最适合你。