Space Block

<!-- space block -->
<div class="u-space-block">
  <div>Space Block</div>
</div>

Space Block Compact

<!-- space block compact -->
<div class="u-space-block-compact">
  <div>Space Block Compact</div>
</div>

<!-- space block tight -->
<div class="u-space-block-tight">
  <div>Space Block Tight</div>
</div>

<!-- space block loose -->
<div class="u-space-block-loose">
  <div>Space Block Loose</div>
</div>

<!-- space block expanded -->
<div class="u-space-block-expanded">
  <div>Space Block Expanded</div>
</div>

<!-- space block spacious -->
<div class="u-space-block-spacious">
  <div>Space Block Spacious</div>
</div>

<!-- space block xs -->
<div class="u-space-block-xs">
  <div>Space Block XS</div>
</div>

<!-- space block sm -->
<div class="u-space-block-sm">
  <div>Space Block Small</div>
</div>

<!-- space block md -->
<div class="u-space-block-md">
  <div>Space Block Medium</div>
</div>

<!-- space block lg -->
<div class="u-space-block-lg">
  <div>Space Block Large</div>
</div>

<!-- space block xl -->
<div class="u-space-block-xl">
  <div>Space Block XL</div>
</div>