Level

A simple layout component that helps center children in an element vertically and gives them horizontal spacing.

.level

...
...
...
<div class="level">
  ...
</div>

.level_wrap

This
Group
of
Items
Will
Wrap
<div>
  <div class="level level_wrap">
    ...
  </div>
</div>

.level_block + .level_spacing_[key]

...
...
...
<div class="level level_block level_spacing_xs">...</div>
...
...
...
<div class="level level_block level_spacing_sm">...</div>
...
...
...
<div class="level level_block level_spacing_md">...</div>
...
...
...
<div class="level level_block level_spacing_lg">...</div>
...
...
...
<div class="level level_block level_spacing_xl">...</div>