public/svelte-carousel
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #20 from Tonton-Blax/main

Browse Source 
Expose css timing function
This commit is contained in:
Vadim
2021-03-20 18:47:54 +03:00
committed by GitHub
parent 5a4b46eafb c32aaac0d8
commit db649e0074
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Carousel/Carousel.svelte
View File

@@ -18,6 +18,8 @@
[PREV]: showPrevPage [PREV]: showPrevPage
} }
export let timingFunction = "ease-in-out";
/** /**
* Enable Next/Prev arrows * Enable Next/Prev arrows
*/ */
@@ -221,6 +223,7 @@
style=" style="
transform: translateX({offset}px); transform: translateX({offset}px);
transition-duration: {_duration}ms; transition-duration: {_duration}ms;
transition-timing-function: {timingFunction};
" "
bind:this={pagesElement} bind:this={pagesElement}
> >
@@ -276,7 +279,6 @@
.sc-carousel__pages-container { .sc-carousel__pages-container {
width: 100%; width: 100%;
display: flex; /* to put child elements in one row */ display: flex; /* to put child elements in one row */
transition-timing-function: ease-in-out;
transition-property: transform; transition-property: transform;
} }
.sc-carousel__arrow-container { .sc-carousel__arrow-container {