Browse Source

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

pull/165/head
tangjinzhou 6 years ago
parent
commit
0b31163a6a
  1. 31
      components/tabs/style/index.less

31
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) {

Loading…
Cancel
Save