From cda15789f7ace2de0d5613c4463ea933b77759b2 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Sat, 10 Jul 2021 11:56:32 +0100
Subject: [PATCH] Remove padding from empty layouts and add option for full
 width layout content

---
 packages/standard-components/manifest.json     | 2 +-
 packages/standard-components/src/Layout.svelte | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/standard-components/manifest.json b/packages/standard-components/manifest.json
index 1fb470dfc3..78879e2803 100644
--- a/packages/standard-components/manifest.json
+++ b/packages/standard-components/manifest.json
@@ -27,7 +27,7 @@
         "type": "select",
         "label": "Width",
         "key": "width",
-        "options": ["Small", "Medium", "Large"],
+        "options": ["Small", "Medium", "Large", "Max"],
         "defaultValue": "Large"
       },
       {
diff --git a/packages/standard-components/src/Layout.svelte b/packages/standard-components/src/Layout.svelte
index 19a8404699..41110d6706 100644
--- a/packages/standard-components/src/Layout.svelte
+++ b/packages/standard-components/src/Layout.svelte
@@ -20,6 +20,7 @@
     None: "none",
   }
   const widthClasses = {
+    Max: "max",
     Large: "l",
     Medium: "m",
     Small: "s",
@@ -176,6 +177,9 @@
     position: relative;
     padding: 32px;
   }
+  .layout--none .main {
+    padding: 0;
+  }
   .size--s {
     width: 800px;
   }
@@ -185,6 +189,9 @@
   .size--l {
     width: 1400px;
   }
+  .size--max {
+    width: 100%;
+  }
 
   /*  Nav components */
   .burger {