Merge pull request #39 from magento-obsessive-owls/MC-3934-docs

MC-3934-docs: Update the master-format documentation for slider and banners

Author: bdenham

docs/master-format.md

@@ -573,7 +573,7 @@ Poster
 
 ```
 <div data-element="main" data-role="slide" data-slide-name="" data-appearance="poster" data-show-button="hover" data-show-overlay="always" style="...">
-    <a data-element="link" href="" target="" data-link-type="default">
+    <div data-element="link" data-href="" data-target="" data-link-type="default">
         <div data-element="desktop_image" class="pagebuilder-slide-wrapper pagebuilder-mobile-hidden" style="...">
             <div data-element="overlay" class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="rgba(255,255,255,0.5)" style="">
                 <div class="pagebuilder-poster-content">
@@ -590,15 +590,15 @@ Poster
                 </div>
             </div>
         </div>
-    </a>
+    </div>
 </div>
 ```
 
 Collage Left
 
 ```
 <div data-element="main" data-role="slide" data-slide-name="" data-appearance="collage-left" data-show-button="hover" data-show-overlay="always" style="...">
-    <a data-element="link" href="" target="" data-link-type="default">
+    <div data-element="link" data-href="" data-target="" data-link-type="default">
         <div data-element="desktop_image" class="pagebuilder-slide-wrapper pagebuilder-mobile-hidden" style="...">
             <div data-element="overlay" class="pagebuilder-overlay" data-overlay-color="rgba(255,255,255,0.5)" style="">
                 <div class="pagebuilder-collage-content">
@@ -615,15 +615,15 @@ Collage Left
                 </div>
             </div>
         </div>
-    </a>
+    </div>
 </div>
 ```
 
 Collage Centered
 
 ```
 <div data-element="main" data-role="slide" data-slide-name="" data-appearance="collage-centered" data-show-button="hover" data-show-overlay="always" style="...">
-    <a data-element="link" href="" target="" data-link-type="default">
+    <div data-element="link" data-href="" data-target="" data-link-type="default">
         <div data-element="desktop_image" class="pagebuilder-slide-wrapper pagebuilder-mobile-hidden" style="...">
             <div data-element="overlay" class="pagebuilder-overlay" data-overlay-color="rgba(255,255,255,0.5)" style="">
                 <div class="pagebuilder-collage-content">
@@ -640,15 +640,15 @@ Collage Centered
                 </div>
             </div>
         </div>
-    </a>
+    </div>
 </div>
 ```
 
 Collage Right
 
 ```
 <div data-element="main" data-role="slide" data-slide-name="" data-appearance="collage-right" data-show-button="hover" data-show-overlay="always" style="...">
-    <a data-element="link" href="" target="" data-link-type="default">
+    <div data-element="link" data-href="" data-target="" data-link-type="default">
         <div data-element="desktop_image" class="pagebuilder-slide-wrapper pagebuilder-mobile-hidden" style="...">
             <div data-element="overlay" class="pagebuilder-overlay" data-overlay-color="rgba(255,255,255,0.5)" style="">
                 <div class="pagebuilder-collage-content">
@@ -665,7 +665,7 @@ Collage Right
                 </div>
             </div>
         </div>
-    </a>
+    </div>
 </div>
 ```
 
@@ -689,8 +689,8 @@ Inline styles
 
 Attributes
 1. data-element [link]
-2. href
-3. target
+2. data-href
+3. data-target
 4. data-link-type
 
 ### overlay element
@@ -760,7 +760,7 @@ Poster
 
 ```
 <div data-element="main" data-role="banner" data-appearance="poster" data-overlay-color="rgb(0, 0, 0)" data-appearance="poster" style="...">
-    <a data-element="link" href="" target="">
+    <div data-element="link" data-href="" data-target="">
         <div data-element="mobile_image" class="wrapper pagebuilder-mobile-only">
             <div data-element="overlay" style="" class="overlay">
                 <div class="content">
@@ -777,15 +777,15 @@ Poster
                 </div>
             </div>
         </div>
-    </a>
+    </div>
 </div>
 ```
 
 Collage Left
 
 ```
 <div data-element="main" data-role="banner" data-appearance="collage-left" data-overlay-color="rgb(0, 0, 0)" data-appearance="collage-left" style="" class="pagebuilder-banner">
-    <a data-element="link" href="" target="">
+    <div data-element="link" data-href="" data-target="">
         <div data-element="desktop_image" style=""
              class="pagebuilder-desktop-only wrapper">
             <div data-element="overlay" style="" class="overlay>
@@ -803,15 +803,15 @@ Collage Left
                 </div>
             </div>
         </div>
-    </a>
+    </div>
 </div>
 ```
 
 Collage Centered
 
 ```
 <div data-element="main" data-role="banner" data-appearance="collage-centered" data-overlay-color="rgb(0, 0, 0)" data-appearance="collage-center" style="" class="pagebuilder-banner">
-    <a data-element="link" href="" target="">
+    <div data-element="link" data-href="" data-target="">
         <div data-element="desktop_image" style="" class="pagebuilder-desktop-only wrapper">
             <div data-element="overlay" class="overlay">
                 <div class="content">
@@ -828,14 +828,14 @@ Collage Centered
                 </div>
             </div>
         </div>
-    </a>
+    </div>
 </div>
 ```
 Collage Right
 
 ```
 <div data-element="main" data-role="banner" data-appearance="collage-right" data-overlay-color="rgb(0, 0, 0)" data-appearance="collage-right" style="" class="pagebuilder-banner">
-    <a data-element="link" href="" target="">
+    <div data-element="link" data-href="" data-target="">
         <div data-element="desktop_image" style="" class="pagebuilder-desktop-only wrapper">
             <div data-element="overlay" style="" class="overlay">
                 <div class="content">
@@ -852,7 +852,7 @@ Collage Right
                 </div>
             </div>
         </div>
-    </a>
+    </div>
 </div>
 ```
 
@@ -879,20 +879,15 @@ Attributes
 1. data-element [link]
 2. data-role
 3. data-appearance
-4. href
-5. target
+4. data-href
+5. data-target
 6. data-link-type
 
 ### overlay element
 
 Attributes
 1. data-element [overlay]
-2. data-role
-3. data-appearance
-4. data-link-type
-5. data-overlay-color
-6. href
-7. target
+2. data-overlay-color
 
 Inline styles
 1. background-color