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
    )
);

这是正确的方法吗？

mixin与“full”工作正常

@include span(full);

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

  

使用无沟槽去除单个跨度的装订线输出，......

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

gregor;）

Answer 1

no-gutters关键字不会删除现有的装订线（也许文档应该更清晰）。它只是保持输出新排水沟的span混合。它会移除装订线输出，但不会覆盖其他地方设置的装订线。要做到这一点，gutters(0px)是一个很好的解决方案，如上所述。