From b7de2208ae48d49b05e13ee848b40308c72a1d77 Mon Sep 17 00:00:00 2001
From: Stanisław Zagórowski <hasohasacz@gmail.com>
Date: Thu, 17 Aug 2023 13:43:00 +0200
Subject: Initial commit

---
 src/components/carousel.css | 68 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 68 insertions(+)
 create mode 100644 src/components/carousel.css

(limited to 'src/components/carousel.css')

diff --git a/src/components/carousel.css b/src/components/carousel.css
new file mode 100644
index 0000000..f311805
--- /dev/null
+++ b/src/components/carousel.css
@@ -0,0 +1,68 @@
+.carousel-content {
+  align-self: center;
+  max-height: 100%;
+  white-space: nowrap;
+  -ms-overflow-style: none;  /* hide scrollbar in IE and Edge */
+  scrollbar-width: none;  /* hide scrollbar in Firefox */
+}
+
+.carousel-item {
+  width: 100%;
+  flex-shrink: 0;
+  height: auto;
+  float: left;
+  text-align: center;
+  transition: all 250ms linear;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+
+.slick-slider {
+  margin: 24px;
+}
+
+.slick-slide {
+  margin: 0 auto;
+  border-radius: 10px;
+  text-align: center;
+  float: none !important;
+  display: inline-block !important;
+  vertical-align: middle;
+  min-height: 1px;
+}
+
+.carousel-item > * {
+  border-radius: 10px;
+  vertical-align: middle;
+  width: 100%;
+  height: auto;
+}
+
+.slick-dots li button::before {
+  color: var(--color-fg) !important;
+}
+
+@media (max-width: 1150px) {
+  .carousel-wrapper {
+    margin: 60px auto;
+    width: 330px;
+    height: 220px;
+  }
+}
+
+@media (max-width: 1150px) and (min-width: 480px) {
+  .carousel-wrapper {
+    margin: 60px auto;
+    width: 480px;
+    height: 360px;
+  }
+}
+
+@media (min-width: 1150px) {
+  .carousel-wrapper {
+    float: right;
+    width: 480px;
+    height: 360px;
+  }
+}
+
-- 
cgit v1.3.1