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
));