Spacing

A collection of tools to interact with the $spacing setting, which stores values used to programatically generate many spacing oriented classes throughout the framework (u-p-small, u-mb-huge etc).

Source

Contributors

Usage

Spacing

Retrieve a $spacing value by passing its key.

.c-my-component {
	width: 100%;
	height: 100%;
	padding-left: spacing('small');
}

Set Spacing

Add or edit $spacing values.

@include set-spacing((
	'large' : 60px,
	'small' : 10px,
	'gigantic' : 200px
));