Foundation 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 map 你把所有的断点从最小的开始。所以请遵循以下模式：

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

并且不要忘记在变量 $breakpoint-类: 中添加这些自定义断点，如下所示：

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

现在按预期工作，编译没有任何错误。