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

…144
vueComponent · Aug 29, 2018 · 0b31163 · 0b31163
1 parent f157298
commit 0b31163
Showing 1 changed file with 18 additions and 13 deletions.
diff --git 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) {