Spacing
Most spacing tokens scale with the screen width, becoming slightly more spread out
as the screen widens. The variables for spacing are prefixed with --cd-space-
and are implemented as T-shirt sizes between 3xs and 3xl, plus 3 additional
sizes: none, body-x, and body-y. The none size is used to represent no spacing,
while body-x and body-y are used to define the padding around the edges of the app.
None--cd-space-none
3XS--cd-space-3xs
2XS--cd-space-2xs
XS--cd-space-xs
S--cd-space-s
M--cd-space-m
L--cd-space-l
XL--cd-space-xl
2XL--cd-space-2xl
3XL--cd-space-3xl
Body X--cd-space-body-x
Body Y--cd-space-body-y