Remove padding from empty layouts and add option for full width layout content

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"
       },
       {

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 {