2014-10-28 11 views
6

Ich habe ein Problem, wenn ich mit SUSY ein Gitter erstellen. Ich setze Wrapper-Klasse folgende:susy - wie man es in voller Breite macht (keine Gosse)?

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

das Problem ist Kind Element in Wrapper. Für den Fall, dass ich einmal ganze Spalten machen möchte, versuche ich dies zu tun.

aber das ist nicht voll, es hat Gosse Lücke. und ich versuche eine andere

@include span(full no-gutters); 

dies machen Element keine Rinne, aber es immer noch Rinne Breite verlassen.

Wie kann ich es voll (keine Gosse) machen? nur für irgendein Element.

Dank Chalat

Antwort

11

Block-Level-Elemente in voller Breite standardmäßig sind, müssen Sie keine mixin dafür. Wenn Sie ein vorheriges Susy Mixin überschreiben, können Sie einfach width: 100% verwenden. Oder Sie können dieses Element ändern, um inside no-gutters zu verwenden, um Susy auszugeben, was Sie wollen.

@include span(full inside no-gutters); 

, dass, weil inside-Gosse Entladearbeiten ist die gleiche wie split, aber das Element die äußere Breite bzw. Spalten überspannen + Rinnen.