Водосточные желоба в Суси, остающиеся неповрежденными как промежутки между элементами. Бонус: шире не работает

Question

Существует нежелательное пространство между двумя блоками в susy. Кажется, что он точно соответствует размеру сетки, несмотря на использование функции wide.

$susy: (
    columns: 9, 
    gutters: 0.454, 
    debug:(image: show, 
    output : overlay,) 
) 
; 
#grid{ 
    @include container(9); 
    @include background-grid; 
    gutter-width: 0.454; 
    } 

#main_side_img{ 
    @include span(1.75 wide of 9); 
} 

#main_heading_container{ 
    @include span(4 of 9); 
    background-image: url(http://i.imgur.com/7Yxm5Sa.jpg); 
    } 

Код выше, с #main_side_img набором для 1.75 создает это:

Так я установил значение #main_side_img в 2 и к моему ужасу пространство между двумя коробками оставались неизменными, и желобок просто переместился!

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

Бонус: не является более широким, чтобы заполнить желоб слева и справа? Он заполняет ширину 2 водостока вправо.

Answer 1

Добавить ключевое слово no-gutters в ваш широкий диапазон. В то время как wide говорит, что он добавляет больше места в ширину пролета, он автоматически не удаляет выход желоба.

@include span(1.75 wide of 9 no-gutters);