From aec737ff16db2067dedf9f93bc7441aa7c06adc4 Mon Sep 17 00:00:00 2001
From: ZhenShuo Leo <98386542+ZhenShuo2021@users.noreply.github.com>
Date: Sun, 27 Jul 2025 00:37:40 +0800
Subject: [PATCH] fix(carousel): make interval affect slide transition on click

---
 layouts/shortcodes/carousel.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/layouts/shortcodes/carousel.html b/layouts/shortcodes/carousel.html
index e719a8d3..b99ec2c9 100644
--- a/layouts/shortcodes/carousel.html
+++ b/layouts/shortcodes/carousel.html
@@ -16,6 +16,14 @@
   {{ end }}
 {{ end }}
 
+<style>
+  #{{ $id }} [data-twe-carousel-item] {
+    transition-duration: {{ $interval }}ms !important;
+  }
+  #{{ $id }} [data-twe-carousel-init] {
+    --twe-carousel-interval: {{ $interval }};
+  }
+</style>
 
 <div
   id="{{ $id }}"