Merge branch 'MWPW-161355' of github.com:adobecom/milo into MWPW-161355

adobecom · Nov 12, 2024 · e0a6a1f · e0a6a1f
2 parents bcd598d + c95e253
commit e0a6a1f
Showing 1 changed file with 65 additions and 26 deletions.
diff --git a/libs/features/mas/docs/ccd.html b/libs/features/mas/docs/ccd.html
@@ -50,45 +50,84 @@ <h1 id="ccd-gallery" tabindex="-1">CCD Gallery <a class="header-anchor" href="#c
 
         <h2 id="ccd-slice-card" tabindex="-1">CCD Slice Card <a class="header-anchor" href="#ccd-slice-card" href="#ccd-slice-card" title="Permalink to this heading">#</a></h2>
         <div class="gallery-grid-3">
-          <h3>Percentage</h3>
-          <h3>Two icons & pricing</h3>
-          <h3>See Terms link</h3>
-          <merch-card><aem-fragment fragment="0ef2a804-e788-4959-abb8-b4d96a18b0ef"></aem-fragment></merch-card>
-          <merch-card><aem-fragment fragment="58c7906f-70a6-4e2b-bc29-257ff2ade513"></aem-fragment></merch-card>
-          <merch-card><aem-fragment fragment="51c23f28-504f-450d-9764-0e60f1e279b2"></aem-fragment></merch-card>
+          <div>
+            <h3>Percentage</h3>
+            <merch-card><aem-fragment fragment="0ef2a804-e788-4959-abb8-b4d96a18b0ef"></aem-fragment></merch-card>
+          </div>
+          <div>
+            <h3>Two icons & pricing</h3>
+            <merch-card><aem-fragment fragment="58c7906f-70a6-4e2b-bc29-257ff2ade513"></aem-fragment></merch-card>
+          </div>
+          <div>
+            <h3>See Terms link</h3>
+            <merch-card><aem-fragment fragment="51c23f28-504f-450d-9764-0e60f1e279b2"></aem-fragment></merch-card>
+          </div>
+          <div>
             <h3>Arbitrary Text</h3>
+            <merch-card><aem-fragment fragment="2a293069-1f9a-45ae-9840-2fa0303fe685"></aem-fragment></merch-card>
+          </div>
+          <div>
             <h3>With Badge</h3>
-            <h3></h3>
-          <merch-card><aem-fragment fragment="2a293069-1f9a-45ae-9840-2fa0303fe685"></aem-fragment></merch-card>
             <merch-card><aem-fragment fragment="3d26df5b-0784-4967-8149-8a9e59131084"></aem-fragment></merch-card>
+          </div>
         </div>
 
         <h2 id="ccd-slice-wide-card" tabindex="-1">CCD Slice Wide Card <a class="header-anchor" href="#ccd-slice-wide-card" href="#ccd-slice-wide-card" title="Permalink to this heading">#</a></h2>
         <div class="gallery-grid-1">
-          <merch-card><aem-fragment fragment="bdf40d06-5914-4f1f-aa10-77c5676fe671"></aem-fragment></merch-card>
-          <merch-card><aem-fragment fragment="31205553-b453-4c9e-a2ef-7b6aa7bfdc72"></aem-fragment></merch-card>
+          <div>
+            <h3>Slice Wide</h3>
+            <merch-card><aem-fragment fragment="bdf40d06-5914-4f1f-aa10-77c5676fe671"></aem-fragment></merch-card>
+          </div>
+          <div>
+            <h3>Slice Wide with Badge</h3>
+            <merch-card><aem-fragment fragment="31205553-b453-4c9e-a2ef-7b6aa7bfdc72"></aem-fragment></merch-card>
+          </div>
         </div>
 
         <h2 id="ccd-suggested-card" tabindex="-1">CCD Suggested Card <a class="header-anchor" href="#ccd-suggested-card" href="#ccd-suggested-card" title="Permalink to this heading">#</a></h2>
         <div class="gallery-grid-3">
-          <h3>With eyebrow</h3>
-          <h3>See Terms link</h3>
-          <h3>No eyebrow, price with term</h3>
-          <merch-card><aem-fragment fragment="0a2ac7c9-1965-488e-beca-856849305313"></aem-fragment></merch-card>
-          <merch-card><aem-fragment fragment="549f6981-f5c8-4512-b41c-313d60f375b2"></aem-fragment></merch-card>
-          <merch-card><aem-fragment fragment="8b198434-f32d-4a77-8be0-cd6b9f7155b1"></aem-fragment></merch-card>
-          <merch-card><aem-fragment fragment="cdfae8c5-4129-43bc-a283-9ce46d07e21f"></aem-fragment></merch-card>
-          <merch-card><aem-fragment fragment="33c8f437-3c39-48cc-8afd-938a13af5732"></aem-fragment></merch-card>
-          <merch-card><aem-fragment fragment="45783ec8-ed85-4595-a445-3f018ac4ad9d"></aem-fragment></merch-card>
-          <merch-card><aem-fragment fragment="6217fb6d-e793-4235-af70-6f82401fc5de"></aem-fragment></merch-card>
-            <merch-card><aem-fragment fragment="215273c2-183d-41a1-983e-ccb462ace666"></aem-fragment></merch-card>
+
+
+
+          <div>
+            <h3>With eyebrow</h3>
+            <merch-card><aem-fragment fragment="0a2ac7c9-1965-488e-beca-856849305313"></aem-fragment></merch-card>
+          </div>
+          <div>
+            <h3>See Terms link</h3>
+            <merch-card><aem-fragment fragment="549f6981-f5c8-4512-b41c-313d60f375b2"></aem-fragment></merch-card>
+          </div>
+          <div>
+            <h3>No eyebrow, price with term</h3>
+            <merch-card><aem-fragment fragment="8b198434-f32d-4a77-8be0-cd6b9f7155b1"></aem-fragment></merch-card>
+          </div>
+          <div>
+            <h3>With Image</h3>
+            <merch-card><aem-fragment fragment="cdfae8c5-4129-43bc-a283-9ce46d07e21f"></aem-fragment></merch-card>
+          </div>
+          <div>
+            <h3>Starting at & price</h3>
+            <merch-card><aem-fragment fragment="33c8f437-3c39-48cc-8afd-938a13af5732"></aem-fragment></merch-card>
+          </div>
+          <div>
+            <h3>Image & longer price</h3>
+            <merch-card><aem-fragment fragment="45783ec8-ed85-4595-a445-3f018ac4ad9d"></aem-fragment></merch-card>
+          </div>
+          <div>
+            <h3>Wide Image</h3>
+            <merch-card><aem-fragment fragment="6217fb6d-e793-4235-af70-6f82401fc5de"></aem-fragment></merch-card>
+          </div>
         </div>
         <div class="gallery-grid-2">
-          <h3>With thin strip</h3>
-          <h3>With wide strip</h3>
-          <merch-card><aem-fragment fragment="93fdba19-3d43-49a7-ae48-0a10605da304"></aem-fragment></merch-card>
-          <merch-card><aem-fragment fragment="b253109f-9bc6-4ee2-8aea-1a0918b0b9c9"></aem-fragment></merch-card>
-        </div>
+          <div>
+            <h3>With thin strip</h3>
+            <merch-card><aem-fragment fragment="93fdba19-3d43-49a7-ae48-0a10605da304"></aem-fragment></merch-card>
+          </div>
+          <div>
+            <h3>With wide strip</h3>
+            <merch-card><aem-fragment fragment="b253109f-9bc6-4ee2-8aea-1a0918b0b9c9"></aem-fragment></merch-card>
+          </div>
+          </div>
       </div>
     </sp-theme>
     <script type="module">