fix(carousel): show gradient peek for mobile breaks

andy-blum · Jan 18, 2023 · 621afcf · 621afcf
1 parent 2cbd520
commit 621afcf
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/packages/styles/scss/components/lightbox-media-viewer/_lightbox-media-viewer.scss b/packages/styles/scss/components/lightbox-media-viewer/_lightbox-media-viewer.scss
@@ -54,17 +54,17 @@
 
   :host(#{$dds-prefix}-lightbox-media-viewer) {
     @include carbon--breakpoint-down('lg') {
+      padding-bottom: $spacing-07;
+
       &::before,
       &::after {
-        @include carbon--breakpoint('md') {
-          padding-top: 0;
-          content: '';
-          display: block;
-          position: sticky;
-          height: $spacing-07;
-          width: 100%;
-          z-index: 1;
-        }
+        padding-top: 0;
+        content: '';
+        display: block;
+        position: sticky;
+        height: $spacing-07;
+        width: 100%;
+        z-index: 1;
       }
 
       &::before {