// here we have the grid settings

//Sets the default layout direction of the grid. //LTR(left to right), RTL(right to left)
$default_layout_direction: LTR;

//Sets the total number of columns in the grid. Its value can be overridden inside a media query using the media() mixin.
$grid-columns: 16;

//Sets the max-width property of the element that includes outer-container().
$max-width: 1280px;

//apply box-sizing to all elements
$border-box-sizing: true; 

//Helpers. Displays the visual grid when set to true.
$visual-grid: false;
$visual-grid-color: yellow;
$visual-grid-opacity: 0.5;