1 | :host {
|
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 | }
|