Grid & layout

Mixins

@mixin grid (...) { ... }

parameter Name	parameter Description	parameter Type	parameter Default value
`$reverse`	Whether the grid items flow the opposite way to their natural source order	`boolean`	`false`
`$gutterless`	Whether the grid has no spacing	`boolean`	`false`
`$compact`	Whether the grid has compact spacing	`boolean`	`false`
`$loose`	Whether the grid has loose spacing	`boolean`	`false`
`$right`	Whether to render items from the right instead of the left	`boolean`	`false`
`$center`	Whether the grid's items are centrally aligned horizontally	`boolean`	`false`
`$debug`	Whether to put a highlight round the grid for debugging	`boolean`	`false`

@mixin grid-reverse (...) { ... }

@mixin grid-gutterless (...) { ... }

@mixin grid-compact (...) { ... }

@mixin grid-loose (...) { ... }

@mixin grid-right (...) { ... }

@mixin grid-center (...) { ... }

@mixin grid-debug (...) { ... }

@mixin grid-item (...) { ... }

parameter Name	parameter Description	parameter Type	parameter Default value
`$columns`	The number of columns (1-12) to fill on mobile	`Number`	`12`
`$push`	The number of columns (1-12) to push right	`Number`	`false`
`$push`	The number of columns (1-12) to pull left	`Number`	`false`
`$gutterless`	Set to `true` to remove the spacing between grid items.	`boolean`	`false`
`$compact`	Whether the grid has compact spacing	`boolean`	`false`
`$loose`	Whether the grid has loose spacing	`boolean`	`false`
`$middle`	Whether the grid item is vertically aligned to the middle	`boolean`	`false`
`$bottom`	Whether the grid item is vertically aligned to the bottom	`boolean`	`false`
`$debug`	Whether to put a highlight round the grid item for debugging	`boolean`	`false`
`$xs`	The number of columns (1-12) to fill from xs breakpoint upwards, or a map with cols, push and pull	`Number \| Map`	`false`
`$sm`	The number of columns (1-12) to fill from sm breakpoint upwards, or a map with cols, push and pull	`Number \| Map`	`false`
`$md`	The number of columns (1-12) to fill from md breakpoint upwards, or a map with cols, push and pull	`Number \| Map`	`false`
`$lg`	The number of columns (1-12) to fill from lg breakpoint upwards, or a map with cols, push and pull	`Number \| Map`	`false`
`$xl`	The number of columns (1-12) to fill from xl breakpoint upwards, or a map with cols, push and pull	`Number \| Map`	`false`

@mixin grid-item-gutterless (...) { ... }

@mixin grid-item-compact (...) { ... }

@mixin grid-item-loose (...) { ... }

@mixin grid-item-middle (...) { ... }

@mixin grid-item-bottom (...) { ... }

@mixin grid-item-debug (...) { ... }