susy - jak zrobić pełną szerokość (bez rynny)?

Question

Mam problem, gdy używam SUSY do budowania siatki. Ustawiam klasę opakowania następująco:

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

problemem jest element podrzędny wewnątrz opakowania. W przypadku, gdy chcę kiedyś utworzyć pełne kolumny, próbuję to zrobić, ale to nie jest pełne, ma lukę rynnową. i próbuję innego w ten element make nie rynny, ale nadal pozostawia szerokość marginesu.

jak mogę ją wypełnić (bez rynny)? tylko dla jakiegoś elementu.

Dzięki chałat

Answer 1

elementy poziomie bloku pełnej szerokości są domyślnie, nie trzeba żadnych wstawek do tego. Jeśli zastępujesz poprzedni mixy Susy, możesz po prostu użyć width: 100%. Możesz też zmienić ten element, aby użyć funkcji inside no-gutters, aby program Susy generował to, co chcesz.

@include span(full inside no-gutters); 

Działa to dlatego, że operowanie wewnętrzne rynny jest taka sama, jak split, ale element musi obejmować zewnętrzną szerokość lub kolumny + rynny.