JavaScriptsrc/props.borders.js -rw-r--r-- 1.5 KiB
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-drawn-1': '255px 15px 225px 15px / 15px 225px 15px 255px',
16 '--radius-drawn-2': '125px 10px 20px 185px / 25px 205px 205px 25px',
17 '--radius-drawn-3': '15px 255px 15px 225px / 225px 15px 255px 15px',
18 '--radius-drawn-4': '15px 25px 155px 25px / 225px 150px 25px 115px',
19 '--radius-drawn-5': '250px 25px 15px 20px / 15px 80px 105px 115px',
20 '--radius-drawn-6': '28px 100px 20px 15px / 150px 30px 205px 225px',
21
22 '--radius-round': '1e5px',
23 '--radius-blob-1': '30% 70% 70% 30% / 53% 30% 70% 47%',
24 '--radius-blob-2': '53% 47% 34% 66% / 63% 46% 54% 37%',
25 '--radius-blob-3': '37% 63% 56% 44% / 49% 56% 44% 51%',
26 '--radius-blob-4': '63% 37% 37% 63% / 43% 37% 63% 57%',
27 '--radius-blob-5': '49% 51% 48% 52% / 57% 44% 56% 43%',
28
29 '--radius-conditional-1': 'clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1))',
30 '--radius-conditional-2': 'clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2))',
31 '--radius-conditional-3': 'clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3))',
32 '--radius-conditional-4': 'clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4))',
33 '--radius-conditional-5': 'clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5))',
34 '--radius-conditional-6': 'clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6))',
35}