Jump to main content


These settings are used specifically to configure the grid which will determine your overall site layout. Patterns placed within the grid structure will then adapt to fill the space available to them.

Setting Default value
$grid-gutter-width 20px
$grid-columns 12
$grid-max-width 1030px


To import just this utility into your project, copy the snippet below and include it in your main Sass file.

@import 'utilities_layout';

For more information see Customising Vanilla in your projects, which includes overrides and importing instructions.