From a5a8b68ae9a381f6c6e5d0725495324e46b58020 Mon Sep 17 00:00:00 2001
From: Vadim <korobeinikovv@mail.ru>
Date: Wed, 27 Jan 2021 19:41:53 +0300
Subject: [PATCH] Add prefixes to dots

---
 src/components/Dots/Dots.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

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