From 09249206ed9260306ea58abecbcd2e9b596df75a Mon Sep 17 00:00:00 2001
From: qsm-odoo <qsm@odoo.com>
Date: Wed, 22 Jan 2020 15:54:01 +0000
Subject: [MOV] website: add s_product_list snippet from themes repo

Part of https://github.com/odoo/odoo/pull/42937
task-2088157
---
 .../src/img/snippets_demo/s_product_list_1.jpg     | Bin 0 -> 3533 bytes
 .../src/img/snippets_thumbs/s_product_list.png     | Bin 0 -> 2224 bytes
 .../static/src/snippets/s_product_list/000.scss    |  46 +++++++++++++++++++++
 .../src/snippets/s_product_list/000_variables.scss |   1 +
 4 files changed, 47 insertions(+)
 create mode 100644 addons/website/static/src/img/snippets_demo/s_product_list_1.jpg
 create mode 100644 addons/website/static/src/img/snippets_thumbs/s_product_list.png
 create mode 100644 addons/website/static/src/snippets/s_product_list/000.scss
 create mode 100644 addons/website/static/src/snippets/s_product_list/000_variables.scss

(limited to 'addons/website/static/src')

diff --git a/addons/website/static/src/img/snippets_demo/s_product_list_1.jpg b/addons/website/static/src/img/snippets_demo/s_product_list_1.jpg
new file mode 100644
index 00000000000..7dd29701958
Binary files /dev/null and b/addons/website/static/src/img/snippets_demo/s_product_list_1.jpg differ
diff --git a/addons/website/static/src/img/snippets_thumbs/s_product_list.png b/addons/website/static/src/img/snippets_thumbs/s_product_list.png
new file mode 100644
index 00000000000..0d59406e4f4
Binary files /dev/null and b/addons/website/static/src/img/snippets_thumbs/s_product_list.png differ
diff --git a/addons/website/static/src/snippets/s_product_list/000.scss b/addons/website/static/src/snippets/s_product_list/000.scss
new file mode 100644
index 00000000000..c952d5bfbe5
--- /dev/null
+++ b/addons/website/static/src/snippets/s_product_list/000.scss
@@ -0,0 +1,46 @@
+
+.s_product_list {
+    padding: 15px;
+
+    > div > .row > div {
+        margin-bottom: 20px; // without this style the columns go directly to the top of the bellow ones.
+
+        height: 200px;
+        text-align: center;
+
+        a {
+            display: block;
+        }
+
+        img {
+            margin: auto;
+            max-height: 130px;
+            @include s-product-list-img-hook;
+        }
+
+        .s_product_list_item_link {
+            @include o-position-absolute($left: 10%, $bottom: 0, $right: 10%);
+
+            > .btn {
+                width: 100%;
+                padding: 5px !important;
+                font-size: 16px;
+                text-transform: uppercase;
+
+                @media only screen and (max-width : 1280px) { // FIXME
+                    font-size: 12px;
+                }
+
+                .fa {
+                    font-size: 18px;
+                    padding-right: 5px;
+
+                    @media only screen and (max-width : 1024px) { // FIXME
+                        display: block;
+                        font-size: 25px;
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/addons/website/static/src/snippets/s_product_list/000_variables.scss b/addons/website/static/src/snippets/s_product_list/000_variables.scss
new file mode 100644
index 00000000000..8ce4e819854
--- /dev/null
+++ b/addons/website/static/src/snippets/s_product_list/000_variables.scss
@@ -0,0 +1 @@
+@mixin s-product-list-img-hook {}
-- 
cgit v1.2.3