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

Add prefixes to dots

Browse Source
This commit is contained in:
Vadim
2021-01-27 19:41:53 +03:00
parent a210cab1f1
commit a5a8b68ae9
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -19,9 +19,9 @@
} }
</script> </script>
<div class="main-container"> <div class="carousel-dots__container">
{#each Array(pagesCount) as _, pageIndex (pageIndex)} {#each Array(pagesCount) as _, pageIndex (pageIndex)}
<div class="dot-container"> <div class="carousel-dots__dot-container">
<Dot <Dot
active={currentPageIndex === pageIndex} active={currentPageIndex === pageIndex}
on:click={() => handleDotClick(pageIndex)} on:click={() => handleDotClick(pageIndex)}
@@ -34,11 +34,11 @@
:root { :root {
--dot-size: 10px; --dot-size: 10px;
} }
.main-container { .carousel-dots__container {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.dot-container { .carousel-dots__dot-container {
height: calc(var(--dot-size) + 10px); height: calc(var(--dot-size) + 10px);
width: calc(var(--dot-size) + 10x); width: calc(var(--dot-size) + 10x);
display: flex; display: flex;