remove glow animation

Tailus-UI · Nov 9, 2024 · 25c3ca9 · 25c3ca9
1 parent 46bbe5f
commit 25c3ca9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 21 deletions.
diff --git a/index.html b/index.html
@@ -138,7 +138,7 @@ <h1 class="mt-8 text-wrap text-4xl md:text-5xl font-semibold text-title xl:text-
                     </div>
                     <div class="-mx-6 relative mt-8 sm:mt-12 max-w-xl sm:mx-auto">
                         <div class="absolute inset-0 -top-8 left-1/2 -z-20 h-56 w-full -translate-x-1/2 dark:opacity-10 [background-image:linear-gradient(to_bottom,transparent_98%,theme(colors.gray.200/75%)_98%),linear-gradient(to_right,transparent_94%,_theme(colors.gray.200/75%)_94%)] [background-size:16px_35px] [mask:radial-gradient(black,transparent_95%)]"></div>
-                        <div class="absolute top-12 inset-x-0 w-2/3 h-1/3 -z-[1] rounded-full bg-primary-300 dark:bg-white/10 mx-auto blur-3xl"></div>
+                        <div class="absolute top-12 inset-x-0 w-2/3 h-1/3 -z-[1] rounded-full bg-primary-300 dark:bg-white/20 mx-auto blur-3xl"></div>
 
                         <div class="swiper proofSlides pb-6">
                             <div class="swiper-wrapper">
@@ -191,9 +191,6 @@ <h1 class="mt-8 text-wrap text-4xl md:text-5xl font-semibold text-title xl:text-
                                             </svg>
                                             <p class="mt-6 text-lg text-center">30% Increase in revenue</p>
                                         </div>
-                                        <span class="glow absolute inset-[calc(var(--border-width)*-1)] rounded-[--card-border-radius] border-[length:var(--border-width)] border-transparent ![mask-clip:padding-box,_border-box] ![mask-composite:intersect] [mask:linear-gradient(transparent,transparent),linear-gradient(white,white)]">
-                                            <span class="absolute inline-block aspect-square h-20 bg-[radial-gradient(circle_at_right,hsl(0_0%_100%/0),transparent_50%),radial-gradient(circle_at_right,hsl(var(--hue)_var(--saturation)_var(--lightness,50%)/1)_50%,transparent)] dark:bg-[radial-gradient(circle_at_right,hsl(0_0%_100%/0.75),transparent_50%),radial-gradient(circle_at_right,hsl(var(--hue)_var(--saturation)_var(--lightness,50%)/1)_50%,transparent)] opacity-[var(--opacity)] [animation:loop_5s_infinite_linear] [offset-anchor:calc(var(--anchor)*1%)_50%] [offset-path:rect(0_100%_100%_0_round_calc(var(--glow)*1px))]"></span>
-                                        </span>
                                     </div>
                                 </div>
                                 <div class="px-6 pt-2 pb-12 swiper-slide ">
@@ -217,9 +214,6 @@ <h1 class="mt-8 text-wrap text-4xl md:text-5xl font-semibold text-title xl:text-
                                             </svg>
                                             <p class="mt-6 text-lg text-center">30% Increase in revenue</p>
                                         </div>
-                                        <span class="glow absolute inset-[calc(var(--border-width)*-1)] rounded-[--card-border-radius] border-[length:var(--border-width)] border-transparent ![mask-clip:padding-box,_border-box] ![mask-composite:intersect] [mask:linear-gradient(transparent,transparent),linear-gradient(white,white)]">
-                                            <span class="absolute inline-block aspect-square h-20 bg-[radial-gradient(circle_at_right,hsl(0_0%_100%/0),transparent_50%),radial-gradient(circle_at_right,hsl(var(--hue)_var(--saturation)_var(--lightness,50%)/1)_50%,transparent)] dark:bg-[radial-gradient(circle_at_right,hsl(0_0%_100%/0.75),transparent_50%),radial-gradient(circle_at_right,hsl(var(--hue)_var(--saturation)_var(--lightness,50%)/1)_50%,transparent)] opacity-[var(--opacity)] [animation:loop_5s_infinite_linear] [offset-anchor:calc(var(--anchor)*1%)_50%] [offset-path:rect(0_100%_100%_0_round_calc(var(--glow)*1px))]"></span>
-                                        </span>
                                     </div>
                                 </div>
                                 <div class="px-6 pt-2 pb-12 swiper-slide ">
@@ -236,9 +230,6 @@ <h1 class="mt-8 text-wrap text-4xl md:text-5xl font-semibold text-title xl:text-
                                             </div>
                                             <p class="mt-6 text-lg text-center">30% Increase in revenue</p>
                                         </div>
-                                        <span class="glow absolute inset-[calc(var(--border-width)*-1)] rounded-[--card-border-radius] border-[length:var(--border-width)] border-transparent ![mask-clip:padding-box,_border-box] ![mask-composite:intersect] [mask:linear-gradient(transparent,transparent),linear-gradient(white,white)]">
-                                            <span class="absolute inline-block aspect-square h-20 bg-[radial-gradient(circle_at_right,hsl(0_0%_100%/0),transparent_50%),radial-gradient(circle_at_right,hsl(var(--hue)_var(--saturation)_var(--lightness,50%)/1)_50%,transparent)] dark:bg-[radial-gradient(circle_at_right,hsl(0_0%_100%/0.75),transparent_50%),radial-gradient(circle_at_right,hsl(var(--hue)_var(--saturation)_var(--lightness,50%)/1)_50%,transparent)] opacity-[var(--opacity)] [animation:loop_5s_infinite_linear] [offset-anchor:calc(var(--anchor)*1%)_50%] [offset-path:rect(0_100%_100%_0_round_calc(var(--glow)*1px))]"></span>
-                                        </span>
                                     </div>
                                 </div>
                             </div>

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -7,18 +7,10 @@ module.exports = {
     darkMode: "media",
     safelist: ["isToggled"],
     theme: {
-      fontFamily: {
-        sans: ['Geist', 'Inter', ...defaultTheme.fontFamily.sans],
-        mono : ['GeistMono', 'fira-code', ...defaultTheme.fontFamily.mono],
-      },
-        keyframes: {
-            loop: {
-                to: {
-                    "offset-distance": "100%",
-                },
-            },
+        fontFamily: {
+            sans: ['Geist', 'Inter', ...defaultTheme.fontFamily.sans],
+            mono : ['GeistMono', 'fira-code', ...defaultTheme.fontFamily.mono],
         },
-
         extend: {
             colors: ({ colors }) => ({
                 primary : colors.blue,