spacing.scss

Taken from the UI cheat sheet: Spacing friendships article

Variables

:root {
  --space-smallest: 4px; /* BBFE */
  --space-smaller: 8px; /* Best friends */
  --space-small: 12px;
  --space: 16px; /* Close friends */
  --space-big: 24px; /* Close-ish friends */
  --space-bigger: 32px; /* Friends */
  --space-biggest: 64px; /* Acquaintances */
  --space-giant: 72px; /* Distant acquaintances */
  --space-gargantuan: 128px; /* Stranger */
}