Susy 网格 - 在拆分时增加外部容器间距
Susy grid - increasing outer container gutters on split
我正在使用 Susy 网格构建一个网站，并使用了分离式间距（柱子每一侧的间距）。但是页面侧面的外部柔性排水沟真的很薄，尤其是在移动设备上。有没有办法在我的容器 mixin 中添加更宽的外部间距？
最好的方法是简单地向 container 元素添加填充。
.container {
@include container;
padding: 0 $my-container-padding;
box-sizing: content-box; // optional...
}
如果您希望将内边距添加到容器宽度而不是移除，可以考虑将容器 box-sizing 更改为 content-box。尝试一下，看看什么最适合您。
我正在使用 Susy 网格构建一个网站，并使用了分离式间距（柱子每一侧的间距）。但是页面侧面的外部柔性排水沟真的很薄，尤其是在移动设备上。有没有办法在我的容器 mixin 中添加更宽的外部间距？
最好的方法是简单地向 container 元素添加填充。
.container {
@include container;
padding: 0 $my-container-padding;
box-sizing: content-box; // optional...
}
如果您希望将内边距添加到容器宽度而不是移除，可以考虑将容器 box-sizing 更改为 content-box。尝试一下，看看什么最适合您。