Susy no-gutter не работает

я пробую susy и у меня начинаются первые проблемы ;) сначала я пытаюсь удалить желоб из элемента с помощью

@include span(no-gutters);

это мои настройки

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

это правильный путь?

миксин с "полным" работает просто отлично

@include span(full);

я нашел это в документах http://susydocs.oddbird.net/en/latest/toolkit/#span-mixin прокрутите вниз до «Другие настройки».

Используйте отсутствие желобов, чтобы удалить выход желоба из отдельного промежутка, ...

короткая кодовая ручка, может я где-то в другом месте что-то не так делаю ;) http://codepen.io/destroy90210/pen/KVVWgL?editors=110

Грегор ;)


css susy
person Gregor Voinov    schedule 15.12.2015    source источник
comment
хм, или я должен просто использовать padding: 0 вместо этого?   -  person Gregor Voinov    schedule 16.12.2015
comment
я еще немного поигрался, и это тоже работает @include желоба (0px);   -  person Gregor Voinov    schedule 16.12.2015

Ответы (1)


arrow_upward
2
arrow_downward

Ключевое слово no-gutters не удаляет существующие промежутки (возможно, документация должна быть более понятной). Он просто не позволяет миксину span выводить новые желоба. Он удаляет вывод желоба, но не переопределяет желоба, установленные где-то еще. Для этого gutters(0px) является прекрасным решением, как вы нашли выше.

person Miriam Suzanne    schedule 19.12.2015