Spacing

Base-8 spacing scale. 15 steps from $spacing-0 (0px) to $spacing-14 (96px). Most steps are multiples of 4; $spacing-1 (2px) is the only outlier.

@use '@presencelearning/styles/spacing' as s;

.card {
  padding: s.$spacing-5;
  gap: s.$spacing-3;
}
.dynamic {
  margin: s.get(7);
} // 24px

Token	Value	Visual
`$spacing-0`	`0`
`$spacing-1`	`2px`
`$spacing-2`	`4px`
`$spacing-3`	`8px`
`$spacing-4`	`12px`
`$spacing-5`	`16px`
`$spacing-6`	`20px`
`$spacing-7`	`24px`
`$spacing-8`	`32px`
`$spacing-9`	`40px`
`$spacing-10`	`48px`
`$spacing-11`	`56px`
`$spacing-12`	`64px`
`$spacing-13`	`80px`
`$spacing-14`	`96px`