susy - 如何使它全宽(没有排水沟)？

Question

当我使用SUSY构建网格时遇到问题.我设置了以下包装类:

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

问题是包装内的子元素.如果有时我想制作完整的列,我会尝试这样做

@include span(full);

但这并不完整,它有沟槽差距.然后我尝试另一个

@include span(full no-gutters);

这使得元素没有排水沟,但它仍然留有水槽宽度.

我怎样才能让它充满(没有排水沟)？仅适用于某些元素.

谢谢Chalat

Answer 1

块级元素默认为全宽,您不需要任何mixin.如果你要覆盖以前的Susy mixin,你可以使用width: 100%.或者您可以更改此元素inside no-gutters以使Susy输出您想要的内容.

@include span(full inside no-gutters);

这是有效的,因为内部排水沟处理是相同的split,但元素必须跨越外部宽度或列+排水沟.