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

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

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

  &:not(&-vertical) {
    > .@{tab-prefix-cls}-content {