| 1 | // big thanks to Temani Afif: https://twitter.com/ChallengesCss
|
| 2 | export default {
|
| 3 | '--mask-corner-cut-circles-1': 'radial-gradient(1rem at 1rem 1rem,#0000 99%,#000) -1rem -1rem',
|
| 4 | '--mask-corner-cut-circles-2': 'radial-gradient(2rem at 2rem 2rem,#0000 99%,#000) -2rem -2rem',
|
| 5 | '--mask-corner-cut-circles-3': 'radial-gradient(4rem at 4rem 4rem,#0000 99%,#000) -4rem -4rem',
|
| 6 | '--mask-corner-cut-squares-1': 'conic-gradient(at calc(2*1rem) calc(2*1rem),#000 75%,#0000 0) -1rem -1rem',
|
| 7 | '--mask-corner-cut-squares-2': 'conic-gradient(at calc(2*2rem) calc(2*2rem),#000 75%,#0000 0) -2rem -2rem',
|
| 8 | '--mask-corner-cut-squares-3': 'conic-gradient(at calc(2*4rem) calc(2*4rem),#000 75%,#0000 0) -4rem -4rem',
|
| 9 | '--mask-corner-cut-angles-1': `
|
| 10 | conic-gradient(from -45deg at 1rem 1rem,#0000 25%,#000 0)
|
| 11 | -1rem 0 /100% 51% repeat-x,
|
| 12 | conic-gradient(from 135deg at 1rem calc(100% - 1rem),#0000 25%,#000 0)
|
| 13 | -1rem 100%/100% 51% repeat-x
|
| 14 | `,
|
| 15 | '--mask-corner-cut-angles-2': `
|
| 16 | conic-gradient(from -45deg at 2rem 2rem,#0000 25%,#000 0)
|
| 17 | -2rem 0 /100% 51% repeat-x,
|
| 18 | conic-gradient(from 135deg at 2rem calc(100% - 2rem),#0000 25%,#000 0)
|
| 19 | -2rem 100%/100% 51% repeat-x
|
| 20 | `,
|
| 21 | '--mask-corner-cut-angles-3': `
|
| 22 | conic-gradient(from -45deg at 4rem 4rem,#0000 25%,#000 0)
|
| 23 | -4rem 0 /100% 51% repeat-x,
|
| 24 | conic-gradient(from 135deg at 4rem calc(100% - 4rem),#0000 25%,#000 0)
|
| 25 | -4rem 100%/100% 51% repeat-x
|
| 26 | `,
|
| 27 | }
|