/// Total columns to base your grid on.
/// @group config
$grid-columns: 12 !default;
/// Space between grid items.
/// @group config
$grid-gutter: 32px !default;
/// Use BEM-style naming for grid classes?
/// @group config
$grid-bem-naming: false !default;
/// Generate silent classes for the grid?
/// @group config
$grid-silent-classes: false !default;

/// Use a flex-based grid?
/// @group config
$grid-flex: true !default;
/// Use an inline-block-based grid? Can be used in conjunction with flex as a fallback.
/// @group config
$grid-inline-block: true !default;
/// Use a float-based grid?
/// @group config
$grid-floats: false !default;
/// With inline-block-based grids, we need to "fix" the space between items with a negative letter-spacing value. This value might change based on your project's base font.
/// @group config
$grid-letter-space-fix: -0.45em !default;

$grid-markup-fix: false !default;

/// Include push grid classes?
/// @group config
$grid-push: true !default;

/// Include pull grid classes?
/// @group config
$grid-pull: true !default;

/// String to include before grid width classes.
/// @group config
$grid-width-namespace: if($grid-bem-naming, 'w-', '') !default;

/// List of media-queries (as defined in `$breakpoints`) that should have width utility classes.
///@group config
///@type list
$breakpoint-has-widths: ('smalls', 'small', 'bigs', 'lap', 'desk') !default;

/// List of media-queries (as defined in `$breakpoints`) that should have grid-push utility classes.
///@group config
///@type list
$breakpoint-has-push: ('smalls', 'small', 'bigs', 'lap', 'desk') !default;

/// List of media-queries (as defined in `$breakpoints`) that should have grid-pull utility classes.
///@group config
///@type list
$breakpoint-has-pull: ('smalls', 'small', 'bigs', 'lap', 'desk') !default;