Skip to content
nexubDesign System
v2.4.0

Foundations

Spacing

Nexub uses a 4px base unit, exposed as --spacing-{n} custom properties and Tailwind spacing classes (p-4, gap-2). 1 unit = 4px. React Native reads the same scale as dp numbers from @nexub/tokens/native.

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-40160px
--spacing-48192px
--spacing-56224px
--spacing-64256px