1 files changed, 69 insertions, 0 deletions
diff --git a/public/assets/carousel.css b/public/assets/carousel.css
new file mode 100644
index 0000000..2465370
--- /dev/null
+++ b/public/assets/carousel.css
@@ -0,0 +1,69 @@
+.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;
+  }
+}
+
+