Skip to content
Simple Integrated Marketing edited this page Feb 26, 2019 · 5 revisions

Usage:

@include grid(
    $nested: false,
    $margin-top: $default-container-margin-top,
    $margin-bottom: $default-container-margin-bottom,
    $padding-top: $default-container-padding-top,
    $padding-bottom: $default-container-padding-bottom,
    $padding-right: $default-container-padding-right,
    $padding-left: $default-container-padding-left,
    $column-margin-top: $default-column-margin-top,
    $column-margin-bottom: $default-column-margin-bottom
);

Spaced children

$column-margin-top and $column-margin-bottom can be used to add vertical spacing to any children designated with $column(...):

@include grid(
	$column-margin-top: 1
)

The spacing is only added between the children - not to the first child (or the last when using $column-margin-bottom instead).

Clone this wiki locally