Navigation

Spacing

A 4px grid with half-steps at the bottom, 15 steps in all, from --ox-spacing-0 (0px) to --ox-spacing-12 (48px). One scheme-independent value each: there's no dark-mode variant of a spacing token. Each bar below is drawn at width: var(--ox-spacing-*), so its length on screen is the token's real size, not a number in a table.

--ox-spacing-0
0px
--ox-spacing-0-5
2px
--ox-spacing-1
4px
--ox-spacing-1-5
6px
--ox-spacing-2
8px
--ox-spacing-3
12px
--ox-spacing-4
16px
--ox-spacing-5
20px
--ox-spacing-6
24px
--ox-spacing-7
28px
--ox-spacing-8
32px
--ox-spacing-9
36px
--ox-spacing-10
40px
--ox-spacing-11
44px
--ox-spacing-12
48px