Raio e sombra
A escala de raio (control 12, surface 20) e as sombras.
Raio
rounded-control (12 px) pra controles, rounded-surface (20 px) pra cards e
superfícies, rounded-panel pros painéis grandes.
rounded-xs
0.25rem
rounded-sm
0.375rem
rounded-md
0.5rem
rounded-lg
0.625rem
rounded-xl
0.875rem
rounded-2xl
1.125rem
rounded-3xl
1.375rem
rounded-4xl
1.625rem
rounded-panel-phone
1.75rem
rounded-panel
2.5rem
rounded-full
calc(infinity * 1px)
rounded-control
0.75rem
rounded-surface
1.25rem
Sombra
shadow-sm
--shadow-sm
shadow-md
--shadow-md
shadow-lg
--shadow-lg
shadow-brand-lg
--shadow-brand-lg
shadow-focus-ring
deprecated
shadow-focus-ring-destructive
--shadow-focus-ring-destructive
shadow-focus-ring-brand
--shadow-focus-ring-brand