From 3f8604a782d96e5a1e1856db7bf5307d9531a3f0 Mon Sep 17 00:00:00 2001
From: Tonton-Blax <redval@gmail.com>
Date: Thu, 18 Mar 2021 18:18:34 +0100
Subject: [PATCH] expose CSS  timing function string

---
 src/components/Carousel/Carousel.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/Carousel/Carousel.svelte b/src/components/Carousel/Carousel.svelte
index 421a105..a686296 100644
--- a/src/components/Carousel/Carousel.svelte
+++ b/src/components/Carousel/Carousel.svelte
@@ -18,6 +18,8 @@
     [PREV]: showPrevPage
   }
 
+  export let timingFunction = "ease-in-out";
+
   /**
    * Enable Next/Prev arrows
    */
@@ -213,6 +215,7 @@
     >
       <div
         class="sc-carousel__pages-container"
+        style="transition-timing-function: {timingFunction};"
         use:swipeable="{{ thresholdProvider: () => pageWidth/3 }}"
         on:start={handleSwipeStart}
         on:move={handleSwipeMove}
@@ -276,7 +279,6 @@
   .sc-carousel__pages-container {
     width: 100%;
     display: flex; /* to put child elements in one row */
-    transition-timing-function: ease-in-out;
     transition-property: transform;
   }
   .sc-carousel__arrow-container {