Densi- dade

Dois tamanhos: padrão e compacto. Troque a densidade do trecho em vez de reduzir à mão.

Padrão × compacto

Padrão

3 fontes

Texto de apoio em text-sm.

data-density="compact"

3 fontes

Texto de apoio em text-sm.

spacing-base0.2rem

3.2px — p-4 vira 12.8px

text-2xs0.625rem

10px

text-xs0.6875rem

11px

text-sm0.8125rem

13px — corpo do compacto

text-base0.875rem

14px

text-lg1rem

text-xl1.125rem

text-2xl1.25rem

text-3xl1.5rem

text-4xl1.875rem

radius-base0.625rem

10px

radius-glass16px

radius-glass-input18px

size-control-xs1.25rem

size-control-sm1.5rem

size-control-md1.75rem

28px — padrão do compacto

size-control-lg2rem

size-icon-md0.875rem

size-icon-lg1rem