From 0b31163a6a9820638a3686fb67654196dc9ff02e Mon Sep 17 00:00:00 2001 From: tangjinzhou <415800467@qq.com> Date: Wed, 29 Aug 2018 09:39:36 +0800 Subject: [PATCH] fix: Nesting tabs of different sizes, the style does not take effect #144 --- components/tabs/style/index.less | 31 ++++++++++++++++++------------- 1 file changed, 18 insertions(+), 13 deletions(-) diff --git a/components/tabs/style/index.less b/components/tabs/style/index.less index b2f71b26c..b05873699 100644 --- a/components/tabs/style/index.less +++ b/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) {