Space Inset

<!-- space inset -->
<div class="u-space-inset">
  <div>Space Inset</div>
</div>

Space Inset Compact

<!-- space inset compact -->
<div class="u-space-inset-compact">
  <div>Space Inset Compact</div>
</div>

<!-- space inset tight -->
<div class="u-space-inset-tight">
  <div>Space Inset Tight</div>
</div>

<!-- space inset loose -->
<div class="u-space-inset-loose">
  <div>Space Inset Loose</div>
</div>

<!-- space inset expanded -->
<div class="u-space-inset-expanded">
  <div>Space Inset Expanded</div>
</div>

<!-- space inset spacious -->
<div class="u-space-inset-spacious">
  <div>Space Inset Spacious</div>
</div>

<!-- space inset xs -->
<div class="u-space-inset-xs">
  <div>Space Inset XS</div>
</div>

<!-- space inset sm -->
<div class="u-space-inset-sm">
  <div>Space Inset Small</div>
</div>

<!-- space inset md -->
<div class="u-space-inset-md">
  <div>Space Inset Medium</div>
</div>

<!-- space inset lg -->
<div class="u-space-inset-lg">
  <div>Space Inset Large</div>
</div>

<!-- space inset xl -->
<div class="u-space-inset-xl">
  <div>Space Inset XL</div>
</div>