Дизайн

Шкала отступов (spacing)

Согласованная шкала отступов (4/8pt) → CSS-переменные или Tailwind-конфиг.

Базовый шаг, pxШаговФормат

--space-1

8px / 0.5rem

--space-2

16px / 1rem

--space-3

24px / 1.5rem

--space-4

32px / 2rem

--space-5

40px / 2.5rem

--space-6

48px / 3rem

--space-7

56px / 3.5rem

--space-8

64px / 4rem

:root {
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-7: 56px;
  --space-8: 64px;
}