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. 19
      components/tabs/style/index.less

19
components/tabs/style/index.less

@ -205,22 +205,27 @@
font-weight: 500; font-weight: 500;
} }
} }
&-large {
&-large &-nav-container { > .@{tab-prefix-cls}-bar {
.@{tab-prefix-cls}-nav-container {
font-size: @tabs-title-font-size-lg; font-size: @tabs-title-font-size-lg;
} }
.@{tab-prefix-cls}-tab {
&-large &-tab {
padding: 16px; padding: 16px;
} }
}
}
&-small &-nav-container { &-small {
> .@{tab-prefix-cls}-bar {
.@{tab-prefix-cls}-nav-container {
font-size: @tabs-title-font-size-sm; font-size: @tabs-title-font-size-sm;
} }
.@{tab-prefix-cls}-tab {
&-small &-tab {
padding: 8px 16px; padding: 8px 16px;
} }
}
}
&:not(&-vertical) { &:not(&-vertical) {
> .@{tab-prefix-cls}-content { > .@{tab-prefix-cls}-content {

Loading…
Cancel
Save