🚚 move animation to layout

dvjn · Jun 16, 2024 · e568159 · e568159
1 parent 1e4f91a
commit e568159
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -26,16 +26,4 @@ const { withGradient = false } = Astro.props;
             font-size: var(--text-base);
         }
     }
-
-    @keyframes gradient-animation {
-        0% {
-            background-position: 0% 50%;
-        }
-        50% {
-            background-position: 100% 50%;
-        }
-        100% {
-            background-position: 0% 50%;
-        }
-    }
 </style>
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -138,6 +138,18 @@ const { title } = Astro.props as Props;
                 animation: gradient-animation 120s ease infinite;
             }
 
+            @keyframes gradient-animation {
+                0% {
+                    background-position: 0% 50%;
+                }
+                50% {
+                    background-position: 100% 50%;
+                }
+                100% {
+                    background-position: 0% 50%;
+                }
+            }
+
             .preload * {
                 -webkit-transition: none !important;
                 -moz-transition: none !important;