Foundations

Space and sizes

Space on a 4 px scale, control heights that line up, generous radii and three shadows.

Space

--alea-space-00px

--alea-space-0-52px

--alea-space-14px

--alea-space-28px

--alea-space-312px

--alea-space-416px

--alea-space-520px

--alea-space-624px

--alea-space-728px

--alea-space-832px

--alea-space-1040px

--alea-space-1248px

--alea-space-1664px

--alea-space-2080px

--alea-space-2496px

--alea-radius-xs8px

--alea-radius-sm12px

--alea-radius-field16px

--alea-radius-md20px

--alea-radius-lg28px

--alea-radius-xl36px

--alea-radius-full9999px

--alea-size-control-sm32px

--alea-size-control-md40px

--alea-size-control-lg48px

--alea-size-field44px

--alea-size-icon-sm16px

--alea-size-icon-md20px

--alea-size-icon-lg24px

--alea-shadow-card

--alea-shadow-pop

--alea-shadow-glow

--alea-z-sticky1100

--alea-z-overlay1200

--alea-z-toast1400

--alea-breakpoint-sm640px

--alea-breakpoint-md768px

--alea-breakpoint-lg1024px

--alea-breakpoint-xl1280px