Space

Er zijn 10 design tokens voor spaces. Ruimtes tussen onderdelen worden bepaald met stapjes van 2 pixels.

Wanneer je een waarde nodig hebt die niet in de lijst is opgenomen kun je waarden combineren zoals:

rvo-space-3xs + rvo-space-md

3xs

2px

var(--rvo-space-3xs)

2xs

4px

var(--rvo-space-2xs)

Xs

8px

var(--rvo-space-xs)

Sm

12px

var(--rvo-space-sm)

Md

16px

var(--rvo-space-md)

Lg

18px

var(--rvo-space-lg)

Xl

24px

var(--rvo-space-xl)

2xl

32px

var(--rvo-space-2xl)

3xl

64px

var(--rvo-space-3xl)

4xl

128px

var(--rvo-space-4xl)