Menu icon Foundation
xy-grid gutters

For a project I'm trying to set a default gutter value for small and medium.
I'm using the Sass version and I have copied the settings file to setup my own custom settings.

To set the gutters to the desired values I've changed these value:

$grid-margin-gutters: (
	small: 20px,
	medium: 40px
);

So, on small devices the gutters of $xy-cell should be 20px and on devices larger than medium it should be 40px. That's what I asume.

But somehow this is not working.

The gutters stay 20px. When I change the small value, the gutters will change, but when changing the medium value, nothing happens.

Probably I'm doing something wrong, but I don't get it.

I hope someone can help me out.

Thanks!

xy-gridgutters

For a project I'm trying to set a default gutter value for small and medium.
I'm using the Sass version and I have copied the settings file to setup my own custom settings.

To set the gutters to the desired values I've changed these value:

$grid-margin-gutters: (
	small: 20px,
	medium: 40px
);

So, on small devices the gutters of $xy-cell should be 20px and on devices larger than medium it should be 40px. That's what I asume.

But somehow this is not working.

The gutters stay 20px. When I change the small value, the gutters will change, but when changing the medium value, nothing happens.

Probably I'm doing something wrong, but I don't get it.

I hope someone can help me out.

Thanks!