1 | :where(html) {
|
2 | --border-size-1: 1px;
|
3 | --border-size-2: 2px;
|
4 | --border-size-3: 5px;
|
5 | --border-size-4: 10px;
|
6 | --border-size-5: 25px;
|
7 | --radius-1: 2px;
|
8 | --radius-2: 5px;
|
9 | --radius-3: 1rem;
|
10 | --radius-4: 2rem;
|
11 | --radius-5: 4rem;
|
12 | --radius-6: 8rem;
|
13 | --radius-drawn-1: 255px 15px 225px 15px / 15px 225px 15px 255px;
|
14 | --radius-drawn-2: 125px 10px 20px 185px / 25px 205px 205px 25px;
|
15 | --radius-drawn-3: 15px 255px 15px 225px / 225px 15px 255px 15px;
|
16 | --radius-drawn-4: 15px 25px 155px 25px / 225px 150px 25px 115px;
|
17 | --radius-drawn-5: 250px 25px 15px 20px / 15px 80px 105px 115px;
|
18 | --radius-drawn-6: 28px 100px 20px 15px / 150px 30px 205px 225px;
|
19 | --radius-round: 1e5px;
|
20 | --radius-blob-1: 30% 70% 70% 30% / 53% 30% 70% 47%;
|
21 | --radius-blob-2: 53% 47% 34% 66% / 63% 46% 54% 37%;
|
22 | --radius-blob-3: 37% 63% 56% 44% / 49% 56% 44% 51%;
|
23 | --radius-blob-4: 63% 37% 37% 63% / 43% 37% 63% 57%;
|
24 | --radius-blob-5: 49% 51% 48% 52% / 57% 44% 56% 43%;
|
25 | --radius-conditional-1: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1));
|
26 | --radius-conditional-2: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2));
|
27 | --radius-conditional-3: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3));
|
28 | --radius-conditional-4: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4));
|
29 | --radius-conditional-5: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5));
|
30 | --radius-conditional-6: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6));
|
31 | }
|