From 3751379f1e9a4c215fb6eb898b4ccc67659b9ace Mon Sep 17 00:00:00 2001
From: stephanchrst <stephanchrst@gmail.com>
Date: Tue, 10 May 2022 21:51:50 +0700
Subject: initial commit 2

---
 .../static/src/snippets/s_showcase/001.scss        | 46 ++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 addons/website/static/src/snippets/s_showcase/001.scss

(limited to 'addons/website/static/src/snippets/s_showcase/001.scss')

diff --git a/addons/website/static/src/snippets/s_showcase/001.scss b/addons/website/static/src/snippets/s_showcase/001.scss
new file mode 100644
index 00000000..f7a8cd3f
--- /dev/null
+++ b/addons/website/static/src/snippets/s_showcase/001.scss
@@ -0,0 +1,46 @@
+.s_showcase[data-vcss='001'] {
+    @include media-breakpoint-up(lg) {
+        // Left-right separator
+        .container, .container-fluid {
+            position: relative;
+
+            &:before {
+                content: " ";
+                display: block;
+                @include o-position-absolute($left: 50%);
+                height: 100%;
+                border-right: 1px solid gray('200');
+            }
+        }
+        // Features
+        .row > div {
+            // Items on left
+            &:nth-child(odd) {
+                text-align: right;
+
+                .s_showcase_icon, p {
+                    float: right;
+                }
+
+                .s_showcase_icon {
+                    margin-right: 0;
+                    margin-left: 15px;
+                }
+            }
+            // Items on right
+            &:nth-child(even) {
+                text-align: left;
+
+                .s_showcase_icon, p {
+                    float: left;
+                }
+            }
+        }
+    }
+
+    .s_showcase_icon {
+        // Make the default margin the one for the left aligned icon, as it's what we want on mobile
+        margin-right: 15px;
+        font-size: 36px;
+    }
+}
-- 
cgit v1.2.3