UNPKG

1.14 kBJavaScriptView Raw
1export default {
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
8 '--radius-1': '2px',
9 '--radius-2': '5px',
10 '--radius-3': '1rem',
11 '--radius-4': '2rem',
12 '--radius-5': '4rem',
13 '--radius-6': '8rem',
14
15 '--radius-round': '1e5px',
16 '--radius-blob-1': '30% 70% 70% 30% / 53% 30% 70% 47%',
17 '--radius-blob-2': '53% 47% 34% 66% / 63% 46% 54% 37%',
18 '--radius-blob-3': '37% 63% 56% 44% / 49% 56% 44% 51%',
19 '--radius-blob-4': '63% 37% 37% 63% / 43% 37% 63% 57%',
20 '--radius-blob-5': '49% 51% 48% 52% / 57% 44% 56% 43%',
21
22 '--radius-conditional-1': 'clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1))',
23 '--radius-conditional-2': 'clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2))',
24 '--radius-conditional-3': 'clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3))',
25 '--radius-conditional-4': 'clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4))',
26 '--radius-conditional-5': 'clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5))',
27 '--radius-conditional-6': 'clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6))',
28}