Merge pull request #601 from hlxsites/599-padding-updates-on-carousels

599 Updated padding on carousel on mobiles
hlxsites · Dec 15, 2023 · e1cb429 · e1cb429
2 parents 799877e + 466dbff
commit e1cb429
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/blocks/carousel/carousel.js b/blocks/carousel/carousel.js
@@ -256,7 +256,7 @@ export default function decorate(block) {
     let changedBtn = 0;
     if (contentEl) {
       const content = contentEl.closest('div');
-      content.classList.add(...'lg:w-1/2 px-0 lg:px-8 xl:pr-10 pb-10 pt-6 md:pt-4 lg:py-20'.split(' '));
+      content.classList.add(...'lg:w-1/2 px-4 lg:px-8 xl:pr-10 pb-10 pt-6 md:pt-4 lg:py-20'.split(' '));
       const heading = content.querySelector('h2');
       const paragraphs = content.querySelectorAll('p:not(.button-container):not(:has(a[title="link"]))');
       const allBtns = content.querySelectorAll('p.button-container .btn, a[title="link"]');

diff --git a/styles/styles.css b/styles/styles.css
@@ -3386,6 +3386,12 @@ main .default-content-wrapper ul {
     margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
 }
 
+.space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
+}
+
 .space-y-8 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-y-reverse: 0;
     margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));