From 1c7eb59bf59d5e918432608d1fe8c3c5f2fa3155 Mon Sep 17 00:00:00 2001 From: TJ Egan Date: Thu, 16 Jan 2020 11:53:04 -0800 Subject: [PATCH 1/2] fix(accordion): update accordion breakpoints --- .../components/src/components/accordion/_accordion.scss | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/packages/components/src/components/accordion/_accordion.scss b/packages/components/src/components/accordion/_accordion.scss index ce379499b331..a1f8670e5e7c 100644 --- a/packages/components/src/components/accordion/_accordion.scss +++ b/packages/components/src/components/accordion/_accordion.scss @@ -98,12 +98,17 @@ // Transition property for when the accordion closes transition: padding motion(standard, productive) $duration--fast-02; padding-left: $carbon--spacing-05; - padding-right: 25%; + padding-right: $carbon--spacing-05; - @include carbon--breakpoint-down('md') { + // Custom breakpoints based on issue #4993 + @media (min-width: 480px) { padding-right: $carbon--spacing-09; } + @media (min-width: 640px) { + padding-right: 25%; + } + p { @include type-style('body-long-01'); } From bc5084f7b874f4832125070d47e48eff709729df Mon Sep 17 00:00:00 2001 From: TJ Egan Date: Thu, 16 Jan 2020 12:40:43 -0800 Subject: [PATCH 2/2] fix(accordion): use carbon breakpoints --- packages/components/src/components/accordion/_accordion.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/components/src/components/accordion/_accordion.scss b/packages/components/src/components/accordion/_accordion.scss index a1f8670e5e7c..cb56a6dae3a3 100644 --- a/packages/components/src/components/accordion/_accordion.scss +++ b/packages/components/src/components/accordion/_accordion.scss @@ -101,11 +101,11 @@ padding-right: $carbon--spacing-05; // Custom breakpoints based on issue #4993 - @media (min-width: 480px) { + @include carbon--breakpoint-up(480px) { padding-right: $carbon--spacing-09; } - @media (min-width: 640px) { + @include carbon--breakpoint-up(640px) { padding-right: 25%; }