susy - как сделать его на всю ширину (без желоба)?

У меня возникла проблема при построении сетки с помощью SUSY. Я установил следующий класс оболочки:

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

проблема в дочернем элементе внутри оболочки. Если когда-нибудь я захочу сделать полные столбцы, я попытаюсь сделать это

@include span(full);

но это не полный, у него есть разрыв желоба. а я пробую другой

@include span(full no-gutters);

это делает элемент без желоба, но он по-прежнему оставляет ширину желоба.

как я могу сделать его полным (без желоба)? только для некоторого элемента.

Спасибо, Шалат.


layout css susy
person Alonewolf    schedule 28.10.2014    source источник

Ответы (1)


arrow_upward
11
arrow_downward

Элементы уровня блока по умолчанию имеют полную ширину, для этого вам не нужен никакой миксин. Если вы переопределяете предыдущий миксин Susy, вы можете просто использовать width: 100%. Или вы можете изменить этот элемент, чтобы использовать inside no-gutters, чтобы Susy выводил то, что вы хотите.

@include span(full inside no-gutters);

Это работает, потому что обработка внутренних желобов такая же, как split, но элемент должен охватывать внешнюю ширину или столбцы + желоба.

person Miriam Suzanne    schedule 09.11.2014