Галерея Susy 2 и водосточные желоба

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

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

2 ответа

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

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

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

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

Другие вопросы по тегам