Escala de Tamaños

Espaciado (PANEL y ACTION) y radios, todos derivados de theme.ts.

Espaciado · PANEL

Multiplicada: <code>--sp-<size></code> = <code>calc(var(--sp-un) * mult)</code>. La barra usa el token real.

sp-xs

×2 · 8px

sp-sm

×3 · 12px

sp-md

×4 · 16px

sp-lg

×5 · 20px

sp-xl

×6 · 24px

sp-2xl

×8 · 32px

sp-3xl

×10 · 40px

sp-4xl

×12 · 48px

sp-5xl

×14 · 56px

sp-6xl

×18 · 72px

sp-7xl

×22 · 88px

sp-8xl

×28 · 112px

sp-9xl

×36 · 144px

Multiplicada: --sp-<size> = calc(var(--sp-un) * mult). La barra usa el token real.

Espaciado ACTION LINEAL

p-0

0px

p-1

4px

p-2

8px

p-3

12px

p-4

16px

p-5

20px

p-6

24px

p-7

28px

p-8

32px

p-9

36px

p-10

40px

p-11

44px

p-12

48px

p-13

52px

p-14

56px

p-15

60px

p-16

64px

p-17

68px

p-18

72px

p-19

76px

p-20

80px

Lineal 0–20, directo a UnoCSS: p-{n} / m-{n} = calc(var(--sp-un) * n), sin variables.

Radios

xs

sm

md

lg

xl

2xl

3xl

4xl

5xl

6xl

7xl

8xl

9xl