fix: Semantic tabs color [ci visual] (#2162)

SAP · Feb 26, 2021 · f13a7c2 · f13a7c2
1 parent e457504
commit f13a7c2
Showing 1 changed file with 30 additions and 30 deletions.
diff --git a/src/tabs.scss b/src/tabs.scss
@@ -45,19 +45,19 @@ $block: #{$fd-namespace}-tabs;
       .#{$block}__tag {
         color: $color;
       }
+    }
 
-      @include fd-selected() {
-        .#{$block}__icon {
-          color: var(--sapContent_ContrastIconColor);
-          background-color: $color;
-        }
+    @include fd-selected() {
+      .#{$block}__icon {
+        color: var(--sapContent_ContrastIconColor);
+        background-color: $color;
+      }
 
-        .#{$block}__icon,
-        .#{$block}__tag,
-        & {
-          &::after {
-            background-color: $color;
-          }
+      .#{$block}__icon,
+      .#{$block}__tag,
+      .#{$block}__link {
+        &::after {
+          background-color: $color;
         }
       }
     }
@@ -132,6 +132,25 @@ $block: #{$fd-namespace}-tabs;
     padding: 0;
     margin: 0 $fd-tabs-item-spacing-x;
 
+    @include fd-selected() {
+      .#{$block}__tag {
+        color: var(--fdTabs_Selected_Color);
+      }
+
+      .#{$block}__icon {
+        color: var(--fdTabs_Selected_Icon_Color);
+        background-color: $fd-tabs-selected-color;
+      }
+
+      .#{$block}__icon,
+      .#{$block}__tag,
+      .#{$block}__link {
+        &::after {
+          background-color: var(--fdTabs_Selected_Color);
+        }
+      }
+    }
+
     &--error {
       @include tabs-semantic(var(--sapErrorColor));
     }
@@ -160,25 +179,6 @@ $block: #{$fd-namespace}-tabs;
       }
     }
 
-    @include fd-selected() {
-      .#{$block}__tag {
-        color: var(--fdTabs_Selected_Color);
-      }
-
-      .#{$block}__icon {
-        color: var(--fdTabs_Selected_Icon_Color);
-        background-color: $fd-tabs-selected-color;
-      }
-
-      .#{$block}__icon,
-      .#{$block}__tag,
-      & {
-        &::after {
-          background-color: var(--fdTabs_Selected_Color);
-        }
-      }
-    }
-
     @include fd-rtl() {
       &:first-child {
         margin-right: 0;