1 | export default {
|
2 | '--size-000': '-.5rem',
|
3 | '--size-00': '-.25rem',
|
4 | '--size-1': '.25rem',
|
5 | '--size-2': '.5rem',
|
6 | '--size-3': '1rem',
|
7 | '--size-4': '1.25rem',
|
8 | '--size-5': '1.5rem',
|
9 | '--size-6': '1.75rem',
|
10 | '--size-7': '2rem',
|
11 | '--size-8': '3rem',
|
12 | '--size-9': '4rem',
|
13 | '--size-10': '5rem',
|
14 | '--size-11': '7.5rem',
|
15 | '--size-12': '10rem',
|
16 | '--size-13': '15rem',
|
17 | '--size-14': '20rem',
|
18 | '--size-15': '30rem',
|
19 |
|
20 | '--size-fluid-1': 'clamp(.5rem, 1vw, 1rem)',
|
21 | '--size-fluid-2': 'clamp(1rem, 2vw, 1.5rem)',
|
22 | '--size-fluid-3': 'clamp(1.5rem, 3vw, 2rem)',
|
23 | '--size-fluid-4': 'clamp(2rem, 4vw, 3rem)',
|
24 | '--size-fluid-5': 'clamp(4rem, 5vw, 5rem)',
|
25 | '--size-fluid-6': 'clamp(5rem, 7vw, 7.5rem)',
|
26 | '--size-fluid-7': 'clamp(7.5rem, 10vw, 10rem)',
|
27 | '--size-fluid-8': 'clamp(10rem, 20vw, 15rem)',
|
28 | '--size-fluid-9': 'clamp(15rem, 30vw, 20rem)',
|
29 | '--size-fluid-10': 'clamp(20rem, 40vw, 30rem)',
|
30 |
|
31 | '--size-content-1': '20ch',
|
32 | '--size-content-2': '45ch',
|
33 | '--size-content-3': '60ch',
|
34 |
|
35 | '--size-header-1': '20ch',
|
36 | '--size-header-2': '25ch',
|
37 | '--size-header-3': '35ch',
|
38 |
|
39 | '--size-xxs': '240px',
|
40 | '--size-xs': '360px',
|
41 | '--size-sm': '480px',
|
42 | '--size-md': '768px',
|
43 | '--size-lg': '1024px',
|
44 | '--size-xl': '1440px',
|
45 | '--size-xxl': '1920px',
|
46 | }
|