From ad97722b1b35aff50d0adf13a19715f7b8373c07 Mon Sep 17 00:00:00 2001
From: Richard Sassine <richardsassine@tutanota.com>
Date: Tue, 4 May 2021 18:00:38 +0300
Subject: initial commit

---
 .../src/old_snippets/s_features_carousel/000.scss  | 69 ++++++++++++++++++++++
 .../s_features_carousel/000_variables.scss         |  7 +++
 2 files changed, 76 insertions(+)
 create mode 100644 theme_common/static/src/old_snippets/s_features_carousel/000.scss
 create mode 100644 theme_common/static/src/old_snippets/s_features_carousel/000_variables.scss

(limited to 'theme_common/static/src/old_snippets/s_features_carousel')

diff --git a/theme_common/static/src/old_snippets/s_features_carousel/000.scss b/theme_common/static/src/old_snippets/s_features_carousel/000.scss
new file mode 100644
index 0000000..6ed4489
--- /dev/null
+++ b/theme_common/static/src/old_snippets/s_features_carousel/000.scss
@@ -0,0 +1,69 @@
+
+#wrapwrap .s_features_carousel {
+    //height: 650px;
+    @include s-features-carousel-inner-hook;
+    [class*="col-lg-"] img {
+        max-height: 400px;
+    }
+
+    .circle {
+        position: relative;
+        height: 250px;
+        width: 250px;
+        @media only screen and (max-width : 360px) { // FIXME
+            width: 165px;
+            height: 165px;
+        }
+    }
+    .mask {
+        display: inline-flex;
+        flex-direction: column;
+        justify-content: center;
+        width: 250px;
+        height: 250px;
+        padding: 40px;
+        border-radius: 50%;
+        font-size: 20px;
+        line-height: 20px;
+        text-align: center;
+        text-transform: uppercase;
+        @include s-features-carousel-mask-hook;
+        @media only screen and (max-width : 360px) { // FIXME
+            font-size: 15px;
+            line-height: 15px;
+            padding: 15px;
+            height: auto;
+        }
+    }
+
+    h2 {
+        border-bottom: {
+            width: $s-features-carousel-border-width;
+            style: $s-features-carousel-border-style;
+            color: if(s-features-carousel-border-color != null, $s-features-carousel-border-color, gray('600'));
+        }
+        text-align: center;
+        padding-bottom: 30px;
+    }
+    .carousel-indicators {
+        border-top: 1px dotted gray('600');
+        padding-top: 32px;
+        visibility: $s-features-carousel-indicators-visible;
+        li {
+            border: 1px solid gray('200');
+        }
+    }
+    .carousel-indicators .active {
+        border: 1px solid o-color('gamma') !important;
+    }
+    .carousel-control-prev,
+    .carousel-control-next {
+        opacity: 1;
+        cursor: pointer;
+    }
+    @include media-breakpoint-down(sm) {
+        [class*="col-lg-"] > p {
+            padding: 0 30px;
+        }
+    }
+}
diff --git a/theme_common/static/src/old_snippets/s_features_carousel/000_variables.scss b/theme_common/static/src/old_snippets/s_features_carousel/000_variables.scss
new file mode 100644
index 0000000..44c3246
--- /dev/null
+++ b/theme_common/static/src/old_snippets/s_features_carousel/000_variables.scss
@@ -0,0 +1,7 @@
+$s-features-carousel-border-width: 1px;
+$s-features-carousel-border-style: dotted;
+$s-features-carousel-border-color: null; // (default to a BS color)
+$s-features-carousel-indicators-visible: hidden;
+
+@mixin s-features-carousel-inner-hook {}
+@mixin s-features-carousel-mask-hook {}
-- 
cgit v1.2.3