Add motion.duration configuration (#846)

next-theme · Nov 21, 2024 · 183e89a · 183e89a
1 parent 1b69557
commit 183e89a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/_config.yml b/_config.yml
@@ -628,6 +628,7 @@ quicklink:
 motion:
   enable: true
   async: false
+  duration: 200
   transition:
     # All available transition variants: https://theme-next.js.org/animate/
     menu_item: fadeInDown

diff --git a/source/js/motion.js b/source/js/motion.js
@@ -17,7 +17,7 @@ NexT.motion.integrator = {
     if (!CONFIG.motion.async) this.queue = [this.queue.flat()];
     this.queue.forEach(sequence => {
       const timeline = window.anime.timeline({
-        duration: 200,
+        duration: CONFIG.motion?.duration ?? 200,
         easing  : 'linear'
       });
       sequence.forEach(item => {