susy - 如何使其全宽（无排水沟）？

Question

我在使用 SUSY 构建网格时遇到问题。我设置了以下包装类：

$susy: (
    math: fluid,
    columns: 12,
    gutters: 0.25,
    gutter-position: split,
);

问题是包装器内的子元素。如果有时我想制作完整的专栏，我会尝试这样做

@include span(full);

但这不是满的，它有排水沟。我尝试另一个

@include span(full no-gutters);

这使元素没有排水沟，但它仍然留下排水沟宽度。

我怎样才能让它充满（没有排水沟）？仅适用于某些元素。

谢谢 查拉特

Answer 1

默认情况下，块级元素是全角的，你不需要任何 mixin。如果你要覆盖之前的 Susy mixin，你可以使用width: 100%。或者您可以更改此元素以使用 inside no-gutters 使 Susy 输出您想要的内容。

@include span(full inside no-gutters);

这是因为内部装订线处理与split 相同，但元素必须跨越外部宽度或列+装订线。