Skip to content

Commit 0b31163

Browse files
committed
fix: Nesting tabs of different sizes, the style does not take effect #144
1 parent f157298 commit 0b31163

File tree

1 file changed

+18
-13
lines changed

1 file changed

+18
-13
lines changed

components/tabs/style/index.less

+18-13
Original file line numberDiff line numberDiff line change
@@ -205,21 +205,26 @@
205205
font-weight: 500;
206206
}
207207
}
208-
209-
&-large &-nav-container {
210-
font-size: @tabs-title-font-size-lg;
211-
}
212-
213-
&-large &-tab {
214-
padding: 16px;
215-
}
216-
217-
&-small &-nav-container {
218-
font-size: @tabs-title-font-size-sm;
208+
&-large {
209+
> .@{tab-prefix-cls}-bar {
210+
.@{tab-prefix-cls}-nav-container {
211+
font-size: @tabs-title-font-size-lg;
212+
}
213+
.@{tab-prefix-cls}-tab {
214+
padding: 16px;
215+
}
216+
}
219217
}
220218

221-
&-small &-tab {
222-
padding: 8px 16px;
219+
&-small {
220+
> .@{tab-prefix-cls}-bar {
221+
.@{tab-prefix-cls}-nav-container {
222+
font-size: @tabs-title-font-size-sm;
223+
}
224+
.@{tab-prefix-cls}-tab {
225+
padding: 8px 16px;
226+
}
227+
}
223228
}
224229

225230
&:not(&-vertical) {

0 commit comments

Comments
 (0)