1 | :where(html) {
|
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 | --size-fluid-1: clamp(.5rem, 1vw, 1rem);
|
20 | --size-fluid-2: clamp(1rem, 2vw, 1.5rem);
|
21 | --size-fluid-3: clamp(1.5rem, 3vw, 2rem);
|
22 | --size-fluid-4: clamp(2rem, 4vw, 3rem);
|
23 | --size-fluid-5: clamp(4rem, 5vw, 5rem);
|
24 | --size-fluid-6: clamp(5rem, 7vw, 7.5rem);
|
25 | --size-fluid-7: clamp(7.5rem, 10vw, 10rem);
|
26 | --size-fluid-8: clamp(10rem, 20vw, 15rem);
|
27 | --size-fluid-9: clamp(15rem, 30vw, 20rem);
|
28 | --size-fluid-10: clamp(20rem, 40vw, 30rem);
|
29 | --size-content-1: 20ch;
|
30 | --size-content-2: 45ch;
|
31 | --size-content-3: 60ch;
|
32 | --size-header-1: 20ch;
|
33 | --size-header-2: 25ch;
|
34 | --size-header-3: 35ch;
|
35 | --size-xxs: 240px;
|
36 | --size-xs: 360px;
|
37 | --size-sm: 480px;
|
38 | --size-md: 768px;
|
39 | --size-lg: 1024px;
|
40 | --size-xl: 1440px;
|
41 | --size-xxl: 1920px;
|
42 | }
|