It can be found in the global settings within the susy map.
Susy grid gutter.
It specifies where the gutter should be output with reference to the columns.
Susy will output calc values in order to achieve this.
Gutters haven t changed a single fraction or explicit width but the calc output feature means you can now use any combination of units and fractions to create static gutters on a fluid grid etc.
Gutter position is one of the settings that susy allows you to change for your layouts.
That system is susy.
A grid framework not a grid system.
It is not a good and not a bad grid system it matches just somehow any content.
Blog this veteran started a code bootcamp for people who went to bootcamp.
Also gutter position is also worth taking a look at.
Additionally typically depending on the grid and the grid settings you will need to declare the last grid column by using the last mixin.
Css width margin padding flex basis transform etc.
Use span and gutter to return any grid width and apply the results wherever you need them.
These three functions form the core of susy s layout building grid api.
In some cases you want to span additional gutters on either side.
Before we get into the how to use susy let s talk about the importance of using a sass grid framework not a grid system.
The downside of this limitation is that any website looks the same.
But the grids in susy appear to be definitely more powerful especially the gutter positions.
So that same span of 2 could include the internal gutter and one wide or both wider external gutters.
For asymmetrical fluid grids slice can help manage your nesting context.
Bootstrap on the other hand rely on a 12 column grid system.
You can collapse a gutter in foundation removing the margins and padding but then you can run into other issues.
These can be created in css grid layout using the grid column gap grid row gap or grid gap properties.
By default a grid span only spans the gutters between columns.
Looks like susy handles this a lot better among other things.
So a span of 2 includes 1 internal gutter narrow.
It also specifies whether they should be output as margins or paddings.
Fantastic article on suzy definitely need to dig into it more.
In the example below we have a three column and two row track grid with 20 pixel gaps between column tracks and 20px gaps between row tracks.
Susy gives the designer and developer a great flexibility to transform the content in any grid system.
The gutters setting is what you are looking for.