diff --git a/components/02-molecules/accordion/accordion.scss b/components/02-molecules/accordion/accordion.scss index d3192232..88181f46 100644 --- 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 index 84a9943c..783d5f9c 100644 --- 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 index 66b3bec1..ef96aa17 100644 --- 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 index 2166b549..ffcffe44 100644 --- 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);