11$gradients : (
2- " -purple-pink" : linear-gradient (135deg , var (--color-auto-purple-5 ) 0% , var (--color-auto-pink-5 ) 100% ),
3- /* "-aquamarine-mauve": linear-gradient(130deg, #3bf0e4 -6.8%, #bca1f7 70%),
2+ " -purple-pink" :
3+ linear-gradient (
4+ 135deg ,
5+ var (--color-auto-purple-5 ) 0% ,
6+ var (--color-auto-pink-5 ) 100%
7+ ),
8+ /* "-aquamarine-mauve": linear-gradient(130deg, #3bf0e4 -6.8%, #bca1f7 70%),
49 "-purple-coral": linear-gradient(87.54deg, #9867f0 -6.8%, #ed4e50 84.14%),
510 "-purple-coral-dark": linear-gradient(92deg, #bca1f7 15%, #e577b4 45%, #ff7170 85%),
611 "-coral-yellow": linear-gradient(267.91deg, #ffe57f 9.35%, #ff7170 96.48%),
@@ -12,9 +17,24 @@ $gradients: (
1217 "-blue-green": linear-gradient(-70deg, #2188ff 0%, #01a49e 100%),
1318 "-red-orange": linear-gradient(-70deg, #ed4e50 0%, #f06f00 100%),
1419 "-blue-purple": linear-gradient(-70deg, #2188ff 0%, #804eda 100%), */
15- " -pink-blue" : linear-gradient (90deg , var (--color-auto-pink-5 ) -50% , var (--color-auto-blue-5 ) 150% ),
16- " -pink-blue-dark" : linear-gradient (-70deg , var (--color-auto-pink-3 ) 0% , var (--color-auto-blue-3 ) 100% ),
17- " -blue-pink" : linear-gradient (-70deg , var (--color-auto-blue-5 ) 0% , var (--color-auto-pink-5 ) 100% )
20+ " -pink-blue" :
21+ linear-gradient (
22+ 90deg ,
23+ var (--color-auto-pink-5 ) -50% ,
24+ var (--color-auto-blue-5 ) 150%
25+ ),
26+ " -pink-blue-dark" :
27+ linear-gradient (
28+ -70deg ,
29+ var (--color-auto-pink-3 ) 0% ,
30+ var (--color-auto-blue-3 ) 100%
31+ ),
32+ " -blue-pink" :
33+ linear-gradient (
34+ -70deg ,
35+ var (--color-auto-blue-5 ) 0% ,
36+ var (--color-auto-pink-5 ) 100%
37+ )
1838) !default ;
1939
2040@mixin bg-gradient ($parent , $gradient ) {
@@ -23,15 +43,17 @@ $gradients: (
2343 }
2444}
2545
46+ /*
2647@mixin text-gradient($parent, $gradient) {
27- #{$ parent } {
48+ #{parent} {
2849 background-image: $gradient;
2950 -webkit-background-clip: text;
3051 background-clip: text;
3152 -webkit-text-fill-color: transparent;
3253 color: transparent;
3354 }
3455}
56+ */
3557
3658$border-width : 2px ;
3759@mixin border-gradient ($parent , $gradient ) {
@@ -71,9 +93,11 @@ $border-width: 2px;
7193 @include bg-gradient (" .bg-gradient-#{$gradient } " , $value );
7294}
7395
96+ /*
7497@each $gradient, $value in $gradients {
75- @include text-gradient (" .text-gradient-#{$ gradient } " , $value );
98+ @include text-gradient(".text-gradient-#{gradient}", $value);
7699}
100+ */
77101
78102@each $gradient , $value in $gradients {
79103 @include border-gradient (" .border-gradient-#{$gradient } " , $value );
0 commit comments