1 | export default {
|
2 | '--gradient-1': 'linear-gradient(to bottom right,#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b)',
|
3 | '--gradient-2': 'linear-gradient(to bottom right,#48005c, #8300e2, #a269ff)',
|
4 | '--gradient-3': `
|
5 | radial-gradient(
|
6 | circle at top right,
|
7 | hsl(180 100% 50%), hsl(180 100% 50% / 0%)
|
8 | ),
|
9 | radial-gradient(
|
10 | circle at bottom left,
|
11 | hsl(328 100% 54%), hsl(328 100% 54% / 0%)
|
12 | )`,
|
13 | '--gradient-4': 'linear-gradient(to bottom right,#00F5A0,#00D9F5)',
|
14 | '--gradient-5': 'conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite)',
|
15 | '--gradient-6': 'conic-gradient(from -90deg at top left, black, white)',
|
16 | '--gradient-7': 'linear-gradient(to bottom right,#72C6EF,#004E8F)',
|
17 | '--gradient-8': 'conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111)',
|
18 | '--gradient-9': 'conic-gradient(from .5turn at bottom center, lightblue, white)',
|
19 | '--gradient-10': 'conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700)',
|
20 | '--gradient-11': 'conic-gradient(at bottom left, deeppink, cyan)',
|
21 | '--gradient-12': 'conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85)',
|
22 | '--gradient-13': 'radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7)',
|
23 | '--gradient-14': 'conic-gradient(at top right, lime, cyan)',
|
24 | '--gradient-15': 'linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7)',
|
25 | '--gradient-16': 'radial-gradient(circle at 50% -250%, #374151, #111827, #000)',
|
26 | '--gradient-17': 'conic-gradient(from -90deg at 50% -25%, blue, blueviolet)',
|
27 | '--gradient-18': `
|
28 | linear-gradient(0deg, hsla(0 100% 50% / 80%), hsla(0 100% 50% / 0) 75%),
|
29 | linear-gradient(60deg, hsla(60 100% 50% / 80%), hsla(60 100% 50% / 0) 75%),
|
30 | linear-gradient(120deg, hsla(120 100% 50% / 80%), hsla(120 100% 50% / 0) 75%),
|
31 | linear-gradient(180deg, hsla(180 100% 50% / 80%), hsla(180 100% 50% / 0) 75%),
|
32 | linear-gradient(240deg, hsla(240 100% 50% / 80%), hsla(240 100% 50% / 0) 75%),
|
33 | linear-gradient(300deg, hsla(300 100% 50% / 80%), hsla(300 100% 50% / 0) 75%)
|
34 | `,
|
35 | '--gradient-19': 'linear-gradient(to bottom right,#ffe259,#ffa751)',
|
36 | '--gradient-20': 'conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4)',
|
37 | '--gradient-21': 'conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff)',
|
38 | '--gradient-22': 'linear-gradient(to bottom right,#acb6e5,#86fde8)',
|
39 | '--gradient-23': 'linear-gradient(to bottom right,#536976,#292E49)',
|
40 | '--gradient-24': 'conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476)',
|
41 | '--gradient-25': 'conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7)',
|
42 | '--gradient-26': 'linear-gradient(to bottom right,#9796f0,#fbc7d4)',
|
43 | '--gradient-27': 'conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple)',
|
44 | '--gradient-28': 'conic-gradient(from -90deg at 50% 105%, white, orchid)',
|
45 | '--gradient-29': `
|
46 | radial-gradient(
|
47 | circle at top right,
|
48 | hsl(250 100% 85%), hsl(250 100% 85% / 0%)
|
49 | ),
|
50 | radial-gradient(
|
51 | circle at bottom left,
|
52 | hsl(220 90% 75%), hsl(220 90% 75% / 0%)
|
53 | )`,
|
54 | '--gradient-30':
|
55 | `radial-gradient(
|
56 | circle at top right,
|
57 | hsl(150 100% 50%), hsl(150 100% 50% / 0%)
|
58 | ),
|
59 | radial-gradient(
|
60 | circle at bottom left,
|
61 | hsl(150 100% 84%), hsl(150 100% 84% / 0%)
|
62 | )`,
|
63 |
|
64 | '--noise-1': `url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")`,
|
65 | '--noise-2': `url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")`,
|
66 | '--noise-3': `url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")`,
|
67 | '--noise-4': `url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")`,
|
68 | '--noise-5': `url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")`,
|
69 |
|
70 | '--noise-filter-1': 'contrast(300%) brightness(100%)',
|
71 | '--noise-filter-2': 'contrast(200%) brightness(150%)',
|
72 | '--noise-filter-3': 'contrast(200%) brightness(250%)',
|
73 | '--noise-filter-4': 'contrast(200%) brightness(500%)',
|
74 | '--noise-filter-5': 'contrast(200%) brightness(1000%)',
|
75 | }
|