MC-2371: Implement full width layout for CMS pages

- Add new specific page layout for CMS pages
- Set max width 100% with CSS

Author: davemacaulay

app/code/Magento/PageBuilder/view/frontend/layout/cms_page_view.xml

@@ -6,7 +6,8 @@
  */
 -->
 <page_layouts xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/PageLayout/etc/layouts.xsd">
-    <layout id="fullwidth">
-        <label translate="true">Full Width</label>
+    <layout id="cms_full_width">
+        <label translate="true">CMS - Full Width</label>
+    </layout>
     </layout>
 </page_layouts>

app/code/Magento/PageBuilder/view/frontend/layouts.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+<!--
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+-->
+<layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_layout.xsd">
+    <update handle="1column" />
+</layout>

app/code/Magento/PageBuilder/view/frontend/page_layout/cms_full_width.xml

@@ -52,3 +52,9 @@
         display: none !important;
     }
 }
+
+//
+//  Page Layouts
+//  _____________________________________________
+
+@import 'layouts/_import.less';

app/code/Magento/PageBuilder/view/frontend/page_layout/fullwidth.xml

@@ -0,0 +1,10 @@
+// /**
+//  * Copyright © Magento, Inc. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+.page-layout-cms_full_width .page-main {
+    max-width: 100%;
+    padding-left: 0;
+    padding-right: 0;
+}

app/code/Magento/PageBuilder/view/frontend/web/css/source/_module.less

@@ -0,0 +1,6 @@
+// /**
+//  * Copyright © Magento, Inc. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+@import '_cms.less';