Foundations

Spacing

Nexub DS uses a 4px base unit spacing scale exposed as --spacing-{n} CSS custom properties. 1 unit = 4px.

Scale

--spacing-00px

--spacing-0.52px

--spacing-14px

--spacing-1.56px

--spacing-28px

--spacing-2.510px

--spacing-312px

--spacing-3.514px

--spacing-416px

--spacing-520px

--spacing-624px

--spacing-728px

--spacing-832px

--spacing-936px

--spacing-1040px

--spacing-1144px

--spacing-1248px

--spacing-1456px

--spacing-1664px

--spacing-2080px

--spacing-2496px

--spacing-28112px

--spacing-32128px

--spacing-36144px

--spacing-40160px

--spacing-44176px

--spacing-48192px

--spacing-52208px

--spacing-56224px

--spacing-60240px

--spacing-64256px