如何将自定义 susy 布局的装订线设置为 0？答案

【问题标题】：How do you set a custom susy layout's gutters to 0?如何将自定义 susy 布局的装订线设置为 0？
【发布时间】：2014-12-29 23:11:02
【问题描述】：

我发现自己经常不得不用margin-left: 0; margin-right: 0; 否定排水沟。我尝试将自定义布局中的排水沟设置为 0

$my_layout: (gutters: 0);
.my_class {
  @include with-layout($my_layout) {
    ...
  }
}

但这不会将装订线宽度设置为 0，它只是告诉 susy 根本没有设置装订线。

如何在 susy 布局中将装订线设置为 0（而不仅仅是将它们设置为 null）？

【问题讨论】：

这个works fine for me。我无法重现错误。
嗯，好吧，我会进一步调查，看看是否能找到导致它的原因；
这和@include with-layout在另一个mixin中被调用有什么关系吗？
这可能取决于 mixin。你能把它缩小到一个失败的演示吗？
所以问题是gutters: 0 没有删除排水沟，它只是告诉 susy 不要添加它们。因此，如果已从先前的断点设置了排水沟，那么无论您的布局设置如何，它们都将保留。 sassmeister.com/gist/6fbbc3e2e571fff9f3a5

【解决方案1】：

这似乎有效：

$my-layout: (
  gutter-override: 0%,
);

gutter-override 通常用于即时覆盖排水沟，但 Susy 也允许对其进行全局设置。目前 Susy 忽略了0 的排水沟输出，但似乎允许0% 的排水沟输出（或0 与任何其他单位）。

如果您想在 github 上提出问题，我愿意考虑添加更清晰的 null 与 0 功能。

【讨论】：