Susy 2 Gallery and Gutter

Question

I'm using the Susy 2 Gallery feature and would like to know how to influence the width of the vertical and horizontal gutters between each image in the gallery.

At the moment, there is not enough width between the images.

Answer 1

The horizontal gutters are controlled with the gutters setting in the $susy map. They are set as a fraction of the column width. See the docs. Vertical gutters are handled by you, manually. Add vertical margins as you like. If you want them to match the horizontal gutters, you can use the Susy gutter() function (e.g. margin-bottom: gutter();).

Answer 2

you can do something like:

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

splitting the gutters between images and giving the bottom gutter the width of two split gutters.