Susy "no-gutter" 不工作

Question

我尝试了 susy，我的第一个问题开始了 ;) 首先，我尝试使用

从元素中删除排水沟

@include span(no-gutters);

这是我的设置

$susy: (
    columns: 12,
    gutters: 10,
    global-box-sizing: border-box,
    math: fluid,
    gutter-position: inside,
    debug: (
        image: show
    )
);

这是正确的方法吗？

与 "full" 的混合工作得很好

@include span(full);

我在文档中找到了这个 http://susydocs.oddbird.net/en/latest/toolkit/#span-mixin 向下滚动到 "Other Settings"

Use no-gutters to remove gutter output from an individual span, ...

一个简短的codepen，也许我在其他地方做错了;） http://codepen.io/destroy90210/pen/KVVWgL?editors=110

格雷戈尔 ;)

Answer 1

no-gutters 关键字不会删除现有的 间距（也许文档应该更清楚）。它只是让 span mixin 从 输出新的 间距。它删除了装订线输出，但它不会覆盖其他地方设置的装订线。要做到这一点，gutters(0px) 是一个很好的解决方案，正如您在上面发现的那样。

Susy "no-gutter" 不工作

Susy "no-gutter" doesnt work

css

susy