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 b7366928f7
commit 5fe053d222
1 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -205,21 +205,26 @@
font-weight: 500;
}
}
&-large &-nav-container {
font-size: @tabs-title-font-size-lg;
&-large {
> .@{tab-prefix-cls}-bar {
.@{tab-prefix-cls}-nav-container {
font-size: @tabs-title-font-size-lg;
}
.@{tab-prefix-cls}-tab {
padding: 16px;
}
}
}
&-large &-tab {
padding: 16px;
}
&-small &-nav-container {
font-size: @tabs-title-font-size-sm;
}
&-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) {