CODEWITHSUNDEEP
susy-compasssusysusy-sass
user1493194
user1493194

Reputation: 343

Susy 2 Gallery and Gutter

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.

Upvotes: 0

Views: 635

Answers (2)

Jon
Jon

Reputation: 141

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.

Upvotes: 0

Miriam Suzanne
Miriam Suzanne

Reputation: 14010

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();).

Upvotes: 0

Related Questions