Spacing Utilities

Control spacing with margin and padding utility classes.

Margin Utilities

.ethio-m-1

.ethio-m-2

.ethio-m-3

<div class="ethio-m-1">Margin 1 (0.25rem)</div>
  <div class="ethio-m-2">Margin 2 (0.5rem)</div>
  <div class="ethio-m-3">Margin 3 (1rem)</div>
  <div class="ethio-mt-2">Margin top 2</div>
  <div class="ethio-mb-3">Margin bottom 3</div>

Padding Utilities

.ethio-p-1

.ethio-p-2

.ethio-p-3

<div class="ethio-p-1">Padding 1 (0.25rem)</div>
  <div class="ethio-p-2">Padding 2 (0.5rem)</div>
  <div class="ethio-p-3">Padding 3 (1rem)</div>
  <div class="ethio-pt-2">Padding top 2</div>
  <div class="ethio-pb-3">Padding bottom 3</div>