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.

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