github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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

pull/165/head
tangjinzhou 2018-08-29 09:39:36 +08:00
parent f157298323
commit 0b31163a6a
1 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
components/tabs/style/index.less
View File

@ -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 {
font-size: @tabs-title-font-size-sm;
} }
&-small &-tab { &-small {
> .@{tab-prefix-cls}-bar {
.@{tab-prefix-cls}-nav-container {
font-size: @tabs-title-font-size-sm;
}
.@{tab-prefix-cls}-tab {
padding: 8px 16px; padding: 8px 16px;
} }
}
}
&:not(&-vertical) { &:not(&-vertical) {
> .@{tab-prefix-cls}-content { > .@{tab-prefix-cls}-content {