Susy grid - increasing outer container gutters on split

Question

I'm building a website using Susy grid, using split gutters (gutters on every side of the column). But the outer flexible gutters are really thin on the side of the pages, especially on mobile devices. Is there way to append wider outer gutters to my container mixin?

score 1 · Accepted Answer · answered Sep 07 '15 at 22:56

1

The best way is to simply add padding to the container element.

.container {
  @include container;
  padding: 0 $my-container-padding;
  box-sizing: content-box; // optional...
}

You can consider changing the container box-sizing to content-box if you want the padding added to your container width, rather than removed. Play around and see what works best for you.

answered Sep 07 '15 at 22:56

Miriam Suzanne

13,632
2
38
43

Thanks, decided to use padding a while ago, was hoping to find "in-framework" solution though – Malyo Sep 08 '15 at 09:53
We pulled that feature out of the framework because it ended up causing more confusion than help. :p – Miriam Suzanne Sep 11 '15 at 07:30

Susy grid - increasing outer container gutters on split

1 Answers1