From 2ed74408a186518b3a56376bf23d4270b736cab6 Mon Sep 17 00:00:00 2001
From: Divya G <Divya.G6@ibm.com>
Date: Sun, 19 May 2024 12:45:07 +0530
Subject: [PATCH] feat(tabs): take fade out from scrollable button

feat(tabs): fix next overflow nav button

feat(tabs): take fade out from scrollable button

feat(tabs): take fade out from scrollable button
---
 .../styles/scss/components/tabs/_tabs.scss    | 24 -------------------
 1 file changed, 24 deletions(-)

diff --git a/packages/styles/scss/components/tabs/_tabs.scss b/packages/styles/scss/components/tabs/_tabs.scss
index a60d611f954f..516e398cb2c4 100644
--- a/packages/styles/scss/components/tabs/_tabs.scss
+++ b/packages/styles/scss/components/tabs/_tabs.scss
@@ -125,26 +125,12 @@
     .#{$prefix}--tab--overflow-nav-button--next::before {
       position: absolute;
       z-index: 1;
-      background: linear-gradient(
-        to right,
-        rgba(255, 255, 255, 0),
-        $background
-      );
       block-size: 100%;
       content: '';
       inline-size: $spacing-03;
       inset-inline-start: -$spacing-03;
     }
 
-    &.#{$prefix}--tabs--contained
-      .#{$prefix}--tab--overflow-nav-button--next::before {
-      background-image: linear-gradient(
-        to right,
-        rgba(255, 255, 255, 0),
-        $layer-accent
-      );
-    }
-
     .#{$prefix}--tab--overflow-nav-button--previous {
       position: absolute;
       inset-block-end: 0;
@@ -155,22 +141,12 @@
     .#{$prefix}--tab--overflow-nav-button--previous::before {
       position: absolute;
       z-index: 1;
-      background: linear-gradient(to left, rgba(255, 255, 255, 0), $background);
       block-size: 100%;
       content: '';
       inline-size: $spacing-03;
       inset-inline-end: -$spacing-03;
     }
 
-    &.#{$prefix}--tabs--contained
-      .#{$prefix}--tab--overflow-nav-button--previous::before {
-      background-image: linear-gradient(
-        to left,
-        rgba(255, 255, 255, 0),
-        $layer-accent
-      );
-    }
-
     .#{$prefix}--tabs--light .#{$prefix}--tabs__overflow-indicator--left {
       background-image: linear-gradient(
         to left,