Fixed padding on Accordion, Attachment, Basic Content and Promo on mo…

…bile.
civictheme · Jul 1, 2024 · 7415b30 · 7415b30 · github-actions · Jul 1, 2024
1 parent b41ff1c
commit 7415b30
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 8 deletions.
diff --git a/components/02-molecules/accordion/accordion.scss b/components/02-molecules/accordion/accordion.scss
@@ -6,8 +6,10 @@
   $root: &;
 
   &#{$root}--with-background {
-    padding-left: $ct-accordion-space-horizontal;
-    padding-right: $ct-accordion-space-horizontal;
+    @include ct-breakpoint(m) {
+      padding-left: $ct-accordion-space-horizontal;
+      padding-right: $ct-accordion-space-horizontal;
+    }
   }
 
   #{$root}__content {

diff --git a/components/02-molecules/attachment/attachment.scss b/components/02-molecules/attachment/attachment.scss
@@ -6,8 +6,10 @@
   $root: &;
 
   &#{$root}--with-background {
-    padding-left: $ct-attachment-space-horizontal;
-    padding-right: $ct-attachment-space-horizontal;
+    @include ct-breakpoint(m) {
+      padding-left: $ct-attachment-space-horizontal;
+      padding-right: $ct-attachment-space-horizontal;
+    }
   }
 
   #{$root}__wrapper {

diff --git a/components/02-molecules/basic-content/basic-content.scss b/components/02-molecules/basic-content/basic-content.scss
@@ -6,8 +6,10 @@
   $root: &;
 
   &#{$root}--with-background {
-    padding-left: $ct-basic-content-space-horizontal;
-    padding-right: $ct-basic-content-space-horizontal;
+    @include ct-breakpoint(m) {
+      padding-left: $ct-basic-content-space-horizontal;
+      padding-right: $ct-basic-content-space-horizontal;
+    }
   }
 
   @include ct-content();

diff --git a/components/03-organisms/promo/promo.scss b/components/03-organisms/promo/promo.scss
@@ -6,8 +6,10 @@
   $root: &;
 
   &#{$root}--with-background {
-    padding-left: $ct-promo-space-horizontal;
-    padding-right: $ct-promo-space-horizontal;
+    @include ct-breakpoint(m) {
+      padding-left: $ct-promo-space-horizontal;
+      padding-right: $ct-promo-space-horizontal;
+    }
   }
 
   border-top: solid ct-particle(0.125);