MC-4248: Add liquid tags to docs

Added line returns after headings per PR review.

Author: bdenham

docs/block-chooser-component.md

@@ -66,13 +66,15 @@
 This topic describes how to use the block chooser UI component for a custom content type.
 
 ## Overview
+
 To use the block chooser component for your custom content type:
 
 1. [Add the block select grid listing modal to content type XML](#add-the-block-select-grid-listing-modal-to-content-type-XML)
 2. [Add component to content type XML](#add-component-to-content-type-xml)
 
 
 ## Configuration options
+
 Extends all `abstract` configuration.
 
 `Magento_PageBuilder/js/form/element/block-chooser` configuration options:

docs/events.md

@@ -101,6 +101,7 @@ This document contains reference information for events dispatched in Page Build
 * [googleMaps:authFailure](#googlemapsauthFailure)
 
 ## `contentType:*` events
+
 All events starting with `contentType:` can also be called for specific content types by prefixing the content types name (`{{name}}:{{event}}`) like the following:
 * `text:createAfter`
 * `row:mountAfter`

docs/full-width-page-layouts.md

@@ -62,18 +62,21 @@
 
 <!-- {% raw %} -->
 ## What's in this topic
+
 This topic describes the new full-width page layouts in Page Builder, along with instructions on how you can use them in custom themes.
 
 **Note:** These layouts use the Luma theme page structures. They may not work as expected in your custom themes.
 
 ## New Page Layout defaults
+
 Page Builder sets the default layouts to the new full-width layouts supplied by our Page Builder module. So unless you change the page layout, new pages are full width by default.
 
 ![Page Layout Defaults](images/default-full-width.png)
 
 **Note:** The full-width layouts are specific to Product, Category, and CMS Page. Using one of these layouts outside of its intended scope could yield unpredictable results.
 
 ## CMS Full Width
+
 This template simply removes the left and right gutters from a CMS page's content. It is implemented with `cms-full-width.xml` and extends from the `1column` page layout.
 
 As this template extends from the `1column` page layout we restore the `page-layout-1column` class within the `Magento\PageBuilder\Plugin\Result\Page` plugin.
@@ -87,6 +90,7 @@ We do this by referencing the `main.content` container and replacing the `page-m
 ![CMS Full Width Layout](images/cms-full-width.png)
 
 ## Category Full Width
+
 This template takes the `columns.top` section of the page and moves it out of the `main.content` section, allowing us to break out of the gutter to provide full width on just the description. It is implemented with `category-full-width.xml` and extends the `2columns-left` page layout.
 
 As this template extends from the `2columns-left` page layout we restore the `page-layout-2columns-left` class within the `Magento\PageBuilder\Plugin\Result\Page` plugin.
@@ -114,6 +118,7 @@ We do this within `category-full-width.xml` by creating new wrapping containers
 ![Category Full Width Layout](images/category-full-width.png)
 
 ## Product Full Width
+
 This template takes the description out of the tabs section and moves it just above the reviews tab. It is implemented with `product-full-width.xml` and extends the `1column` page layout.
 
 As this template extends from the `1column` page layout we restore the `page-layout-1column` class within the `Magento\PageBuilder\Plugin\Result\Page` plugin.
@@ -139,11 +144,13 @@ In `product-full-width.xml`, we create a new wrapper for product details & descr
 ![Product Full Width Layout](images/product-full-width.png)
 
 ## Custom Theme Full Width
+
 We cannot guarantee these full-width layouts will work as expected with your custom themes as your page's structure may differ from Luma's.
 
 To enable full width within your custom themes, you must ensure the appropriate block is not within your page's main wrapper. This implementation will differ on a case-by-case basis but the above implementations for Luma should give you a good indication on how to approach these.
 
 ## Disabling Page Builder
+
 If you apply one of our custom layouts to an entity and then disable or remove the Page Builder module you'll be required to manually update those entities with new page layouts. This is due to disabling Page Builder will make the new full width layouts unavailable thus causing entities to render incorrectly.
 
 <!-- {% endraw %} -->

docs/iconography.md

@@ -67,13 +67,15 @@ PageBuilder Admin icons follow the same design principles as the core [Magento A
 They are simple, flat, and monochromatic to prevent the loss of detail at smaller sizes and makes the shapes easier to comprehend.
 
 ## Icon library
+
 The following image shows all available PageBuilder Admin icons:
 
 ![PageBuilder admin icons](images/pagebuilder-icons.png)
 
 You can use these icons when extending or customizing the PageBuilder module or [create your own icons].
 
 ## Icon fonts
+
 We recommend using icon fonts to get the best quality for your icons. 
 The PageBuilder Admin icon fonts can be found in the [cms-icons repository].
 

docs/image-uploader.md

@@ -62,6 +62,7 @@
 
 <!-- {% raw %} -->
 ## What's in this topic
+
 This topic describes how to add a reusable image uploader component to the PageBuilder stage for a content type.
 
 ## Overview

docs/master-format.md

@@ -77,6 +77,7 @@ Contained:
 ```
 
 ### wrapper element
+
 1. data-element [main]
 2. data-role [row]
 3. data-appearance [contained]
@@ -186,6 +187,7 @@ Inline styles
 ```
 
 ### main element
+
 Attributes
 1. data-element [main, navigation, headers, content]
 2. data-role [tabs]
@@ -202,13 +204,15 @@ Inline styles
 
 
 ### navigation element
+
 Attributes
 1. data-element [navigation]
 
 Inline styles
 1. text-align
 
 ### headers element
+
 Attributes
 1. data-element [headers]
 
@@ -218,6 +222,7 @@ Inline styles
 3. border-width
 
 ### content element
+
 Attributes
 1. data-element [content]
 

docs/product-conditions.md

@@ -62,6 +62,7 @@
 
 <!-- {% raw %} -->
 ## What's in this topic
+
 This topic describes how use the product conditions rule tree for different content types. By reusing the conditions mechanism you can apply it to your own custom content types.
 
 ## Overview

docs/toolbar.md

@@ -62,6 +62,7 @@
 
 <!-- {% raw %} -->
 ## What's in this topic
+
 This document outlines how to add a custom toolbar in Page Builder. It's a simplified/lightweight version of a WYSIWYG:
 ![Page Builder toolbar](images/toolbar.png)
 

docs/visual-select.md

@@ -62,6 +62,7 @@
 
 <!-- {% raw %} -->
 ## What's in this topic
+
 This topic describes how to extend some Page Builder fields to accommodate a custom look and feel for the text alignment option.
 
 The text alignment field for each content block, in the Advanced section, now shows an icon and title. You can customize the text alignment field to show this new look and feel for all content blocks.
@@ -139,6 +140,7 @@ Use a virtual type of `Magento\PageBuilder\Model\Source\VisualSelect` in your mo
 ```
 
 ### Display notice when option is selected
+
 For some options you may wish to display an additional notice when the user selects the item. You can do this by providing a `noticeMessage` within the items declaration.
 ```xml
 <item name="3" xsi:type="array">
@@ -150,6 +152,7 @@ For some options you may wish to display an additional notice when the user sele
 ```
 
 ## How to reuse vertical alignment between different content types {#vertical-alignment}
+
 To apply vertical alignment to a content type using the Visual Select component, use the virtualType `Magento\PageBuilder\Model\Source\VerticalAlignment` with options in your module's `di.xml` configuration file.
 
 ```xml

docs/widget-directive.md

@@ -62,6 +62,7 @@
 
 <!-- {% raw %} -->
 ## What's in this topic
+
 This topic describes how to store a component's master format as a `widget-directive`.
 
 ## Overview