2 files changed, 66 insertions, 0 deletions
diff --git a/theme_common/static/src/old_snippets/s_banner_parallax/000.scss b/theme_common/static/src/old_snippets/s_banner_parallax/000.scss
new file mode 100644
index 0000000..b651dbc
--- /dev/null
+++ b/theme_common/static/src/old_snippets/s_banner_parallax/000.scss
@@ -0,0 +1,55 @@
+$s-banner-parallax-text-color: o-color('alpha') !default;
+
+#wrapwrap .s_banner_parallax {
+    margin-bottom: 0px !important;
+
+    @include media-breakpoint-down(sm) {
+        background-position: $s-banner-parallax-bg-position;
+    }
+    @include s-banner-parallax-height-hook;
+
+    .container-fluid {
+
+        .row {
+            height: $s-banner-parallax-height;
+            @include s-banner-parallax-row-hook;
+
+            .hero-bg {
+                padding-left: $s-banner-parallax-padding;
+                color: $s-banner-parallax-text-color;
+                @include s-banner-parallax-hero-bg-hook;
+
+                @include media-breakpoint-down(sm) {
+                    text-align: center;
+                    padding-left: 15px;
+                }
+
+                h1 {
+                    font-size: $s-banner-parallax-h1-size;
+                    text-shadow: $s-banner-parallax-text-shadow;
+
+                    @media screen and (max-width: 360px) { // FIXME
+                        font-size: 50px;
+                    }
+                }
+
+                h2 {
+                    font-size: 40px;
+                    text-shadow: $s-banner-parallax-text-shadow;
+
+                    @media screen and (max-width: 360px) { // FIXME
+                        font-size: 30px;
+                    }
+                }
+
+                img {
+                    max-height: $s-banner-parallax-img-height;
+
+                    @media screen and (max-width: 360px) { // FIXME
+                        max-height: 200px;
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/theme_common/static/src/old_snippets/s_banner_parallax/000_variables.scss b/theme_common/static/src/old_snippets/s_banner_parallax/000_variables.scss
new file mode 100644
index 0000000..1515989
--- /dev/null
+++ b/theme_common/static/src/old_snippets/s_banner_parallax/000_variables.scss
@@ -0,0 +1,11 @@
+$s-banner-parallax-height: 500px;
+$s-banner-parallax-padding: 130px;
+$s-banner-parallax-img-height: 200px;
+$s-banner-parallax-text-shadow: 1px 1px 11px rgba(0, 0, 0, 0.86);
+$s-banner-parallax-text-color: null;
+$s-banner-parallax-bg-position: center !important;
+$s-banner-parallax-h1-size: 80px;
+
+@mixin s-banner-parallax-row-hook {}
+@mixin s-banner-parallax-height-hook {}
+@mixin s-banner-parallax-hero-bg-hook {}