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 --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
3xs
2xs
xs
s
m
l
xl
2xl
3xl
body-x
body-y