Использовать водосточный желоб, удаленный из столбца в другой столбец - Сьюзи

Увидеть ниже:

Пожалуйста, нажмите здесь, чтобы увидеть изображение, с вопросом http://imgr.es/26LP

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

Следует моему коду:

    $susy: (
        columns: 12,
        gutters: 18/81,
        global-box-sizing: border-box,
        debug: (
            image: show,
        ),
   );

   .container-selector-sample {
       @include container(1170px);
   }

   .column-selector-sample {
       @include span(2);
       @include breakpoint(mobile){
           @include span(12);
       }
   }

   .column-selector-sample {
       @include span(3);
       @include breakpoint(mobile){
           @include span(12);
       }
   }

   .column-selector-sample {
       @include span(7);
       @include breakpoint(mobile){
           @include span(12);
       }

   .column-selector-sample,
   .column-selector-sample {
       @include last;       
   }

1 ответ

Решение

У Сьюзи есть ключевое слово для этого! Смотрите документацию для narrow , wide , а также wider, В этом случае вы хотите использовать wide:

@include span(3 wide);
Другие вопросы по тегам