This file generates the grid width classes for the major breakpoints, IF the variable $mk-grid-generator is set to true. By default, this is set to FALSE, because the grid generator outputs quite a lot of css. Generally, this is better served with grid-widths and anything specific, can be set in code for the specific case.

It is not recommended to edit this file, but to edit the configuration variables located in _base.grid-settings.scss

How it works

Essentially it’s a Sass loop that iterates over a sass map of major breakpoint sizes. For each of these major breakpoint sizes, it generates classes to use in the HTML for adjusting the column width of elements at different viewport sizes. This is set up to work in a mobile-first approach.