css - 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”的 mixin 工作得很好

@include span(full);

我在文档中找到了这个 http://susydocs.oddbird.net/en/latest/toolkit/#span-mixin向下滚动到“其他设置”

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 混合输出新的 间距。它删除了装订线输出，但它不会覆盖其他地方设置的装订线。为此，gutters(0px) 是一个很好的解决方案，正如您在上面发现的那样。