[IMP] website: add "framed" website layout

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

X-original-commit: e222ad33fe3154273f7761c1645c15e640e61ded

addons/website/static/src/scss/website.scss

@@ -72,7 +72,7 @@ $-seen-urls: ();
         }
     }
 
-    @if o-website-value('layout') == 'boxed' {
+    @if o-website-value('layout') != 'full' {
         > main {
             background-color: o-color('o-cc1-bg');
         }
@@ -109,6 +109,13 @@ $-seen-urls: ();
                 }
             }
         }
+
+        @if o-website-value('layout') == 'framed' {
+            @include media-breakpoint-up(md) {
+                padding-top: $grid-gutter-width;
+                padding-bottom: $grid-gutter-width * 1.5;
+            }
+        }
     }
 }
 

addons/website/views/snippets/snippets.xml

@@ -894,6 +894,7 @@
         <we-select string="Layout" data-variable="layout">
             <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-select>
         <we-row string="⌙ Background" data-no-preview="true">
             <we-colorpicker data-dependencies="!layout_full_opt"