来自Zurb基金会的$ grid-margin-gutters无法正常工作

Question

在我正在从事的项目中，我试图通过Zurb Foundation 6 for Sites实现简单的事情。 超过 1280px 的网格槽应为 20px ，低于 1280px 的网格槽应为 10px 。 我已更改了settings.scss，如下面的屏幕截图所示，但无论如何它还是不起作用。 过去有人遇到过同样的问题吗？ 我想在 $ grid-margin-gutters 映射值中包含较大和较大的断点。

Answer 1

针对面临相同问题的人。 答案是：：如果此 $ grid-margin-gutters 无法正常工作-请确保在 $ grid-margin-gutters 您从最小的点开始放置所有的断点。因此，请遵循以下模式：

$grid-margin-gutters: (
   small: 10px, 
   medium: 10px, 
   large: 20px,
   yourCustomBreakpoint: 30px
);

不要忘记将这些自定义断点添加到变量 $ breakpoint-classes：中，如下所示：

$breakpoint-classes: (small medium large yourCustomBreakpoint xxlarge);

现在可以按预期工作，可以正确编译。