Susy 2 Галерея и Желоб

Я использую функцию галереи Susy 2 и хотел бы знать, как повлиять на ширину вертикальных и горизонтальных промежутков между каждым изображением в галерее.

На данный момент не хватает ширины между изображениями.


susy-compass susy-sass susy
person user1493194    schedule 06.11.2015    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Горизонтальные желоба управляются параметром gutters на карте $susy. Они устанавливаются как часть ширины столбца. см. документацию. Вертикальные желоба обрабатываются вами вручную. Добавьте вертикальные поля по своему усмотрению. Если вы хотите, чтобы они соответствовали горизонтальным желобам, вы можете использовать функцию Susy gutter() (например, margin-bottom: gutter();).

person Miriam Suzanne    schedule 06.11.2015
comment
Я вижу, как margin-bottom: gutter(); работает, но если я добавлю margin-left|right: gutter(...), сгенерированный CSS будет перечеркнут стилями, сгенерированными галереей. Может быть, я упускаю что-то действительно очевидное, но я не могу контролировать вертикальное пространство между элементами Галереи. - person user1493194; 07.11.2015
comment
Если margin-bottom: gutter(); работает, я не понимаю вашей проблемы. Пожалуйста, покажите демо на codepen или sassmeister. - person Miriam Suzanne; 07.11.2015

arrow_upward
0
arrow_downward

вы можете сделать что-то вроде:

@include gallery(2 of 12 split);
margin-bottom: gutter(); // the same as gutter(12)

разделение желобов между изображениями и придание нижнему желобу ширины двух разделенных желобов.

person Jon    schedule 19.09.2016