From 6aebcecda04f1efaf3f21021ac0befccea6f0ecc Mon Sep 17 00:00:00 2001
From: "stefanorigano (SRI)" <sri@odoo.com>
Date: Wed, 17 Jun 2020 07:17:20 +0000
Subject: [PATCH] [IMP] website: add "postcard" website layout

Part of https://github.com/odoo/odoo/pull/56427
task-2264627

X-original-commit: d089faca597d26f568b96bdc6069b473115fa6f4
---
 addons/website/static/src/scss/website.scss | 29 +++++++++++++++++++++
 addons/website/views/snippets/snippets.xml  |  1 +
 2 files changed, 30 insertions(+)

diff --git a/addons/website/static/src/scss/website.scss b/addons/website/static/src/scss/website.scss
index 47890977857..6d57c9b4fc9 100644
--- a/addons/website/static/src/scss/website.scss
+++ b/addons/website/static/src/scss/website.scss
@@ -115,6 +115,35 @@ $-seen-urls: ();
                 padding-top: $grid-gutter-width;
                 padding-bottom: $grid-gutter-width * 1.5;
             }
+        } @else if o-website-value('layout') == 'postcard' {
+            @include media-breakpoint-up(md) {
+                $-border-radius: $border-radius-lg;
+                // Don't know why (browser rounding mistake?) but the inner
+                // border radius must be 1px lower for this to be visually ok
+                // (despite the fact there is no border or any space)
+                $-inner-border-radius: $-border-radius - 0.0625rem;
+                > * {
+                    margin-bottom: $spacer * 2;
+                }
+                > header {
+                    &, &.o_header_affix {
+                        .navbar {
+                            @include border-bottom-radius($-border-radius);
+                        }
+                    }
+                }
+                > main, > footer {
+                    @include border-radius($-border-radius);
+
+                    .oe_structure > :first-child {
+                        @include border-top-radius($-inner-border-radius);
+                    }
+                }
+                > main .oe_structure > :last-child,
+                .o_footer_copyright {
+                    @include border-bottom-radius($-inner-border-radius);
+                }
+            }
         }
     }
 }
diff --git a/addons/website/views/snippets/snippets.xml b/addons/website/views/snippets/snippets.xml
index 7e249cf4830..2d860a70e60 100644
--- a/addons/website/views/snippets/snippets.xml
+++ b/addons/website/views/snippets/snippets.xml
@@ -895,6 +895,7 @@
             <we-button data-customize-website-variable="'full'" data-name="layout_full_opt">Full</we-button>
             <we-button data-customize-website-variable="'boxed'">Boxed</we-button>
             <we-button data-customize-website-variable="'framed'">Framed</we-button>
+            <we-button data-customize-website-variable="'postcard'">Postcard</we-button>
         </we-select>
         <we-row string="⌙ Background" data-no-preview="true">
             <we-colorpicker data-dependencies="!layout_full_opt"