Stack

Overview

Arrange items vertically with consistent spacing.

<div class="o-stack">
    <div></div>
    <div></div>
</div>

Modifiers

Gap

Sets the gap between items.

Name	Description
o-stack--gap-sm	Small.
o-stack--gap-md	Medium.
o-stack--gap-lg	Large.

<div class="o-stack o-stack--gap-sm">
    <div></div>
    <div></div>
</div>

Justify

Sets the main-axis alignment of items.

Name	Description
o-stack--justify-start	Start.
o-stack--justify-center	Center.
o-stack--justify-end	End.
o-stack--justify-between	Space between.

<div class="o-stack o-stack--justify-center">
    <div></div>
    <div></div>
</div>