JavaScriptsrc/props.sizes.js -rw-r--r-- 2.2 KiB
1export 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-px-000': '-8px',
21 '--size-px-00': '-4px',
22 '--size-px-1': '4px',
23 '--size-px-2': '8px',
24 '--size-px-3': '16px',
25 '--size-px-4': '20px',
26 '--size-px-5': '24px',
27 '--size-px-6': '28px',
28 '--size-px-7': '32px',
29 '--size-px-8': '48px',
30 '--size-px-9': '64px',
31 '--size-px-10': '80px',
32 '--size-px-11': '120px',
33 '--size-px-12': '160px',
34 '--size-px-13': '240px',
35 '--size-px-14': '320px',
36 '--size-px-15': '480px',
37
38 '--size-fluid-1': 'clamp(.5rem, 1vw, 1rem)',
39 '--size-fluid-2': 'clamp(1rem, 2vw, 1.5rem)',
40 '--size-fluid-3': 'clamp(1.5rem, 3vw, 2rem)',
41 '--size-fluid-4': 'clamp(2rem, 4vw, 3rem)',
42 '--size-fluid-5': 'clamp(4rem, 5vw, 5rem)',
43 '--size-fluid-6': 'clamp(5rem, 7vw, 7.5rem)',
44 '--size-fluid-7': 'clamp(7.5rem, 10vw, 10rem)',
45 '--size-fluid-8': 'clamp(10rem, 20vw, 15rem)',
46 '--size-fluid-9': 'clamp(15rem, 30vw, 20rem)',
47 '--size-fluid-10': 'clamp(20rem, 40vw, 30rem)',
48
49 '--size-content-1': '20ch',
50 '--size-content-2': '45ch',
51 '--size-content-3': '60ch',
52
53 '--size-header-1': '20ch',
54 '--size-header-2': '25ch',
55 '--size-header-3': '35ch',
56
57 '--size-xxs': '240px',
58 '--size-xs': '360px',
59 '--size-sm': '480px',
60 '--size-md': '768px',
61 '--size-lg': '1024px',
62 '--size-xl': '1440px',
63 '--size-xxl': '1920px',
64
65 '--size-relative-000': '-.5ch',
66 '--size-relative-00': '-.25ch',
67 '--size-relative-1': '.25ch',
68 '--size-relative-2': '.5ch',
69 '--size-relative-3': '1ch',
70 '--size-relative-4': '1.25ch',
71 '--size-relative-5': '1.5ch',
72 '--size-relative-6': '1.75ch',
73 '--size-relative-7': '2ch',
74 '--size-relative-8': '3ch',
75 '--size-relative-9': '4ch',
76 '--size-relative-10': '5ch',
77 '--size-relative-11': '7.5ch',
78 '--size-relative-12': '10ch',
79 '--size-relative-13': '15ch',
80 '--size-relative-14': '20ch',
81 '--size-relative-15': '30ch',
82}