From c63c971dedf878258fd6dce028dce9d40b656677 Mon Sep 17 00:00:00 2001 From: tangjinzhou <415800467@qq.com> Date: Wed, 29 Aug 2018 11:21:15 +0800 Subject: [PATCH] fix: Nesting tabs of different sizes, the style does not take effect (#11936) --- components/tabs/style/index.less | 30 ++++++++++++++++++------------ 1 file changed, 18 insertions(+), 12 deletions(-) diff --git a/components/tabs/style/index.less b/components/tabs/style/index.less index 1d6be76efa..3ef2183572 100644 --- a/components/tabs/style/index.less +++ b/components/tabs/style/index.less @@ -206,20 +206,26 @@ } } - &-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) {