css - 如何使用Susy 2在较大的断点处将装订线宽度加倍？

我想在较小的断点处设置1/4大小gutter widths，然后在较大的断点处以及更高的断点处将沟槽设置为1/2。

如何在_variables.scss文件中全局设置它，而不必在每个susy-breakpoint()中声明它（有很多）？

似乎像下面这样的东西应该可以工作，但是会引发错误。

$susy: (gutters: 1/4);

@include susy-breakpoint($large-width, $large-columns) {
  $susy: (gutters: 1/2);
}

  [17:56:33] _variables.scss的第50行上的弃用警告：
  默认情况下，不建议分配给全局变量“ $ susy”。在
  Sass的未来版本，这将创建一个新的局部变量。如果你
  想要分配给全局变量，请使用“ $ susy：（装订线：1/2）
  “！global”代替。请注意，这将与Sass 3.2不兼容。


使用$susy: (gutters: 1/2) !global;不起作用-只是忽略较大断点处的1/2，而改用1/4。

最佳答案

刚刚看了以Eric M. Suzanne为特色的Sass Bites episode，并根据他的一个例子弄清楚了：

$susy: (gutters: 1/4);

$large-width: 960px;
$large-settings: (gutters: 1/2);

@include susy-breakpoint($large-width, $large-settings) {
}

关于css - 如何使用Susy 2在较大的断点处将装订线宽度加倍？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25047718/