Merge pull request #19 from tulimaki/add-extra-styles-for-carousel

Add extra styles for carousel
shuup · Sep 13, 2016 · 807888d · 807888d
2 parents 4c7a64a + 8f93840
commit 807888d
Show file tree

Hide file tree

Showing 2 changed files with 59 additions and 1 deletion.
diff --git a/setup.py b/setup.py
@@ -10,7 +10,7 @@
 if __name__ == '__main__':
     setuptools.setup(
         name="shuup_megastore_theme",
-        version="1.1.0",
+        version="1.1.1",
         description="Shuup Megastore Theme",
         packages=setuptools.find_packages(),
         include_package_data=True,

diff --git a/shuup_megastore_theme/static_src/less/shuup_megastore_theme/carousels.less b/shuup_megastore_theme/static_src/less/shuup_megastore_theme/carousels.less
@@ -89,3 +89,61 @@ section.carousel-banner-section {
         display: none;
     }
 }
+
+.carousel-plugin {
+    .fa {
+        font-size: 30px;
+        z-index: 10;
+        position: absolute;
+        top: 50%;
+        margin-top: -15px;
+    }
+    .fa-angle-left {
+        left: -25px;
+        z-index: 1000;
+    }
+    .fa-angle-right {
+        right: -25px;
+    }
+
+    &.one {
+        .fa-angle-left {
+            left: 40px;
+        }
+        .fa-angle-right {
+            right: 40px;
+        }
+        .owl-dots {
+            position: absolute;
+            bottom: 0 !important;
+            left: 50%;
+            z-index: 15;
+            width: 60%;
+            margin-left: -30%;
+            padding-left: 0;
+            list-style: none;
+            text-align: center;
+        }
+        .owl-dot {
+            background: transparent;
+            border-radius: 10px;
+            border: 1px solid #6f6f6f;
+            display: inline-block;
+            height: 10px;
+            margin: 1px;
+            width: 10px;
+            &.active {
+                margin: 0;
+                width:  12px;
+                height: 12px;
+                background-color: #6f6f6f;
+            }
+        }
+    }
+}
+
+.carousel-banner-section {
+    margin-top: 30px;
+    margin-bottom: 15px;
+    padding: 0 30px;
+}