fix: Nesting tabs of different sizes, the style does not take effect #144

6 years ago · 0b31163a6a
parent f157298323
commit 0b31163a6a
1 changed files with 18 additions and 13 deletions
--- a/components/tabs/style/index.less
+++ b/components/tabs/style/index.less
@ -205,21 +205,26 @@
      font-weight: 500;
    }
  }
-
-  &-large &-nav-container {
-    font-size: @tabs-title-font-size-lg;
-  }
-
-  &-large &-tab {
-    padding: 16px;
-  }
-
-  &-small &-nav-container {
-    font-size: @tabs-title-font-size-sm;
+  &-large {
+    > .@{tab-prefix-cls}-bar {
+        .@{tab-prefix-cls}-nav-container {
+          font-size: @tabs-title-font-size-lg;
+        }
+        .@{tab-prefix-cls}-tab {
+          padding: 16px;
+        }
+    }
  }

-  &-small &-tab {
-    padding: 8px 16px;
+  &-small {
+    > .@{tab-prefix-cls}-bar {
+        .@{tab-prefix-cls}-nav-container {
+          font-size: @tabs-title-font-size-sm;
+        }
+        .@{tab-prefix-cls}-tab {
+          padding: 8px 16px;
+        }
+    }
  }

  &:not(&-vertical) {