From 04e285a5b65d0b66c0792fafcd97d7f80e05b7f4 Mon Sep 17 00:00:00 2001
From: Melissa Zhang <mzhang19096@gmail.com>
Date: Tue, 26 May 2020 23:33:31 -0700
Subject: added dots bar for navigating through carousel

---
 .../collections/CollectionCarousel3DView.scss      | 23 ++++++++++++++++++++++
 1 file changed, 23 insertions(+)

(limited to 'src/client/views/collections/CollectionCarousel3DView.scss')

diff --git a/src/client/views/collections/CollectionCarousel3DView.scss b/src/client/views/collections/CollectionCarousel3DView.scss
index d1504dd12..47ee8ef53 100644
--- a/src/client/views/collections/CollectionCarousel3DView.scss
+++ b/src/client/views/collections/CollectionCarousel3DView.scss
@@ -18,4 +18,27 @@
         transition: height 0.5s linear;
         transition: width 0.5s linear;
     }
+}
+
+.dot-bar {
+    display: flex;
+    position: absolute;
+    justify-content: center;
+    bottom: 5%;
+    width: 100%;
+
+    .dot,
+    .dot-active {
+        height: 15px;
+        width: 15px;
+        border-radius: 50%;
+        margin: 3px;
+        display: inline-block;
+        background-color: lightgrey;
+        cursor: pointer;
+    }
+
+    .dot-active {
+        background-color: grey;
+    }
 }
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2