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

#54 : Use CSS animations for dot size

Browse Source
This commit is contained in:
Vadim
2021-08-08 13:58:00 +03:00
parent bf75a468e6
commit 993f2f2ffb
2 changed files with 18 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Dots/Dots.svelte
View File

@@ -32,8 +32,9 @@
<style>
:root {
--sc-dot-size: 10px;
--sc-dot-container-size: 10px;
}
.sc-carousel-dots__container {
display: flex;
align-items: center;
@@ -42,8 +43,8 @@
padding: 0 30px;
}
.sc-carousel-dots__dot-container {
height: calc(var(--sc-dot-size) + 10px);
width: calc(var(--sc-dot-size) + 6px);
height: calc(var(--sc-dot-container-size) + 10px);
width: calc(var(--sc-dot-container-size) + 6px);
display: flex;
align-items: center;
justify-content: center;