Susy grid - 在拆分时增加外部容器排水沟

【问题标题】：Susy grid - increasing outer container gutters on splitSusy grid - 在拆分时增加外部容器排水沟
【发布时间】：2015-09-01 07:30:21
【问题描述】：

我正在使用 Susy 网格构建一个网站，使用拆分排水沟（列的每一侧的排水沟）。但是页面侧面的外部柔性排水沟非常薄，尤其是在移动设备上。有没有办法将更宽的外部排水沟附加到我的容器 mixin 中？

【问题讨论】：

【解决方案1】：

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

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

如果您希望将填充添加到容器宽度而不是删除，可以考虑将容器 box-sizing 更改为 content-box。试一试，看看什么最适合您。

【讨论】：