Space
Space adding helpers:
flix-space-{spacing}-top
;flix-space-{spacing}-bottom
;flix-space-{spacing}-left
;flix-space-{spacing}-right
;
{spacing}
refers to one of available spacing options: half, 1, 2, 3, 4 etc.
See Spacing rules section for more details.
flix-space-4-bottom
flix-space-6-bottom
flix-space-8-bottom
<div class="flix-box flix-space-4-bottom">flix-space-4-bottom</div>
<div class="flix-box flix-space-6-bottom">flix-space-6-bottom</div>
<div class="flix-box flix-space-8-bottom">flix-space-8-bottom</div>
Space resetting helpers:
These helpers reset margins on elements.
flix-space-flush-top
;flix-space-flush-bottom
;flix-space-flush-left
;flix-space-flush-right
;