UNPKG

1.04 kBCSSView Raw
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-round: 1e5px;
14 --radius-blob-1: 30% 70% 70% 30% / 53% 30% 70% 47%;
15 --radius-blob-2: 53% 47% 34% 66% / 63% 46% 54% 37%;
16 --radius-blob-3: 37% 63% 56% 44% / 49% 56% 44% 51%;
17 --radius-blob-4: 63% 37% 37% 63% / 43% 37% 63% 57%;
18 --radius-blob-5: 49% 51% 48% 52% / 57% 44% 56% 43%;
19 --radius-conditional-1: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1));
20 --radius-conditional-2: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2));
21 --radius-conditional-3: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3));
22 --radius-conditional-4: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4));
23 --radius-conditional-5: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5));
24 --radius-conditional-6: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6));
25}