2014-10-28 3 views
6

У меня возникла проблема, когда я использую SUSY для сборки сетки. Я устанавливаю класс обертки следующим образом:susy - как сделать его полной шириной (без сточных вод)?

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

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

@include span(full); 

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

@include span(full no-gutters); 

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

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

Благодаря Chalat

ответ

11

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

@include span(full inside no-gutters); 

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

Смежные вопросы