Custom gutter width

[danielchimen]

Hi there!

Is there a way to create a variation of the grid that allows me to quickly change the gutter width? For example .grid-gutterSm, .grid-gutterMd, etc...

This would be useful with the project that I'm working with at the moment as the design isn't very consistent.

Thanks!

[stadtkonzeptbasel]

you can simply add this by yourself. Did it that way:

&[#{$gl-attributeName}*="-halfGutter"]{
  margin: 0 (-$gl-gutter/4);
  > [#{$gl-attributeName}~="#{$gl-colName}"],
  > [#{$gl-attributeName}*="#{$gl-colName}-"]{
    padding: 0 ($gl-gutter/4) $gl-gutter-vertical/2;
  }
}

adding this on line 55 after noGutter definition

[migueljteixeira]

This is now possible in release 2.4 👍

$gl-gutter: 20rem;
$gl-gutter-vertical: 10rem;

[afivos]

This is now possible in release 2.4 👍

$gl-gutter: 20rem;
$gl-gutter-vertical: 10rem;

Does this still work in v. 2.7.1? Can't seem to figure it out.