commit ba544370036e430a693658dbb7f5a04cadabe3d3
author Lokesh Yadav <54428357+Lokesh3152@users.noreply.github.com> Tue Dec 07 15:09:27 2021 +0530
committer Jackeagle <jackeagle102@gmail.com> Tue Dec 07 15:16:25 2021 +0530
tree 5667693c27d1d9317ca4c7b11bab1b6489ed3a83
parent 5f643c686874bc2f56dfa68a53930649460a0d67

Complete Revamp and Redesigned BlissRoms Website

Co-authored-by: Ayan Mukherjee <mukherjeeayan725@gmail.com>
Signed-off-by: Ayan Mukherjee <mukherjeeayan725@gmail.com>
Signed-off-by: Jackeagle <jackeagle102@gmail.com>

components/carrousel.css

diff --git a/components/carrousel.css b/components/carrousel.css
new file mode 100644
index 0000000..d0641d3
--- /dev/null
+++ b/components/carrousel.css
@@ -0,0 +1,83 @@
+.carrousel-carrousel {
+  flex: 0 0 auto;
+  margin: var(--dl-space-space-oneandhalfunits);
+  display: flex;
+  min-height: 50vh;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+}
+.carrousel-title {
+  color: var(--dl-color-gray-white);
+  margin: var(--dl-space-space-oneandhalfunits);
+}
+.carrousel-images {
+  flex: 1;
+  display: flex;
+  align-items: stretch;
+  flex-direction: row;
+  justify-content: center;
+}
+.carrousel-go-left {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  justify-content: center;
+}
+.carrousel-icon {
+  fill: var(--dl-color-primary-700);
+  width: var(--dl-size-size-small);
+}
+.carrousel-slider {
+  flex: 1;
+  width: 824px;
+  display: flex;
+  overflow: hidden;
+  position: relative;
+  align-self: stretch;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+}
+.carrousel-slides-container {
+  flex: 1;
+  width: 100%;
+  display: flex;
+  overflow: hidden;
+  max-width: 100%;
+  align-self: stretch;
+  align-items: center;
+  border-radius: 16px;
+  flex-direction: row;
+  justify-content: center;
+}
+.carrousel-left {
+  object-fit: cover;
+  object-position: center;
+}
+.carrousel-left1 {
+  object-fit: cover;
+  object-position: center;
+}
+.carrousel-mid {
+  object-fit: cover;
+  object-position: center;
+}
+.carrousel-right {
+  object-fit: cover;
+  object-position: center;
+}
+.carrousel-right1 {
+  object-fit: cover;
+  object-position: center;
+}
+.carrousel-go-right {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  justify-content: center;
+}
+.carrousel-icon2 {
+  fill: var(--dl-color-primary-700);
+  width: var(--dl-size-size-small);
+}