Size

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

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

rvo-size-3xs + rvo-size-md

3xs

2px

var(--rvo-size-3xs)

2xs

4px

var(--rvo-size-2xs)

Xs

8px

var(--rvo-size-xs)

Sm

12px

var(--rvo-size-sm)

Md

16px

var(--rvo-size-md)

Lg

18px

var(--rvo-size-lg)

Xl

24px

var(--rvo-size-xl)

2xl

32px

var(--rvo-size-2xl)

3xl

64px

var(--rvo-size-3xl)

4xl

128px

var(--rvo-size-4xl)