From a210cab1f1825542fb28073fa624d8e7597e36b8 Mon Sep 17 00:00:00 2001
From: Vadim <korobeinikovv@mail.ru>
Date: Wed, 27 Jan 2021 19:40:10 +0300
Subject: [PATCH] Add prefixes to dot

---
 src/components/Dot/Dot.svelte | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Dot/Dot.svelte b/src/components/Dot/Dot.svelte
index 22aabad..8749d27 100644
--- a/src/components/Dot/Dot.svelte
+++ b/src/components/Dot/Dot.svelte
@@ -20,10 +20,10 @@
   }
 </script>
 
-<div class="main-container">
+<div class="carousel-dot__container">
   <div
-    class="dot"
-    class:current="{active}"
+    class="carousel-dot__dot"
+    class:carousel-dot__dot_current={active}
     style="
       height: {$size}px;
       width: {$size}px;
@@ -33,14 +33,14 @@
 </div>
 
 <style>
-  .main-container {
+  .carousel-dot__container {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 16px;
     width: 16px;
   }
-  .dot {
+  .carousel-dot__dot {
     background-color: #5d5d5d;
     border-radius: 50%;
     display: inline-block;
@@ -48,10 +48,10 @@
     cursor: pointer;
     transition: opacity 100ms ease;
   }
-  .dot:hover {
+  .carousel-dot__dot:hover {
     opacity: 0.9;
   }
-  .current {
+  .carousel-dot__dot_current {
     opacity: 0.7;
   }
 </style>
\ No newline at end of file