css - susy - 如何使其全宽(无装订线)？

Question

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

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

问题是包装内的子元素。万一我想制作完整的专栏，我会尝试这样做

@include span(full);

但这不是完整的，它有排水沟间隙。我再试一次

@include span(full no-gutters);

这使元素没有装订线，但仍保留装订线宽度。

我怎样才能让它充满(没有排水沟)？仅针对某些元素。

谢谢查拉特

Answer 1

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

@include span(full inside no-gutters);

这是可行的，因为内部间距处理与 split 相同，但元素必须跨越外部宽度或列 + 间距。