Structure

Scale values

All size tokens are a multiplication of the base size, in this case 16.

Breakpoints

xx_small

Small

4

.25 rem

Medium

4

Large

4

X large

4

x_small

8

.5 rem

8

8

8

small

12

.75 rem

12

12

12

regular
(base)

16

1 rem

16

16

16

medium

24

1.5 rem

24

24

24

x_medium

32

2 rem

32

32

32

xx_medium

40

2.5 rem

48

3 rem

48

48

xxx_medium

48

3 rem

56

3.5 rem

64

4 rem

64

large

64

4 rem

72

4.5 rem

88

5.5 rem

120

7.5 rem

x_large

80

5 rem

96

6 rem

128

8 rem

192

12 rem

xx_large

96

6 rem

128

8 rem

184

11.5 rem

296

18.5 rem

xxx_large

112

7 rem

160

10 rem

256

16 rem

424

26.5 rem