Foundation
Spacing
4px base · 16단계.
모든 spacing은 4의 배수 (단, 0/0.5/1.5는 미세 조정용). 빠른 산수 + 일관된 리듬.
var(--spacing-4) · gap-4 · p-4 · tokens.spacing["4"]
Scale
spacing.00pxspacing.0.52pxspacing.14pxspacing.1.56pxspacing.28pxspacing.312pxspacing.416pxspacing.520pxspacing.624pxspacing.832pxspacing.1040pxspacing.1248pxspacing.1664pxspacing.2080pxspacing.2496pxspacing.32128pxGap aliases
자주 쓰는 패턴의 시맨틱 별칭.
gap.tight4pxgap.snug8pxgap.regular12pxgap.relaxed16pxgap.loose24px