Susy - how to make it full width (no gutter)?

Question

I am having a problem when I use SUSY to build a mesh. I set the shell class as follows:

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

the problem is the child inside the wrapper. In the case someday I want to make full columns, I try to do this

 @include span(full); 

but it is not complete, it has a gap in the ditch. and I will try another

 @include span(full no-gutters); 

this makes the element not a gutter, but it still leaves the width of the gutter.

how can i do this completely (no gutter)? only for some item.

Thanks Chalat

Answer 1

The block-level elements are full width by default, for this you do not need any mixin. If you override the previous Susy mix, you can just use width: 100% . Or you can change this element to use inside no-gutters to make Susy output what you want.

 @include span(full inside no-gutters); 

This works because the processing inside the gutter is the same as split , but the element must span the outer width or columns + gutters.