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