ant-design-blazor/components/tabs/style/rtl.less

80 lines
1.5 KiB
Plaintext
Raw Normal View History

2020-03-23 13:51:37 +08:00
@import '../../style/themes/index';
@import '../../style/mixins/index';
2020-06-02 19:17:27 +08:00
@tab-prefix-cls: ~'@{ant-prefix}-tabs';
2020-03-23 13:51:37 +08:00
2020-08-03 12:42:59 +08:00
.@{tab-prefix-cls} {
&-rtl {
direction: rtl;
2020-03-23 13:51:37 +08:00
2020-08-03 12:42:59 +08:00
.@{tab-prefix-cls}-nav {
.@{tab-prefix-cls}-tab {
margin: @tabs-horizontal-margin-rtl;
2020-05-31 16:00:40 +08:00
2020-08-03 12:42:59 +08:00
&:last-of-type {
margin-left: 0;
}
2020-03-23 13:51:37 +08:00
2020-08-03 12:42:59 +08:00
.@{iconfont-css-prefix} {
margin-right: 0;
margin-left: @margin-sm;
}
2020-04-26 10:41:53 +08:00
2020-08-03 12:42:59 +08:00
.@{tab-prefix-cls}-tab-remove {
margin-right: @margin-xs;
margin-left: -@margin-xss;
2020-04-26 10:41:53 +08:00
2020-08-03 12:42:59 +08:00
.@{iconfont-css-prefix} {
margin: 0;
}
2020-05-31 16:00:40 +08:00
}
2020-04-26 10:41:53 +08:00
}
}
2020-08-03 12:42:59 +08:00
&.@{tab-prefix-cls}-left {
> .@{tab-prefix-cls}-nav {
order: 1;
}
> .@{tab-prefix-cls}-content-holder {
order: 0;
}
2020-04-26 10:41:53 +08:00
}
2020-08-03 12:42:59 +08:00
&.@{tab-prefix-cls}-right {
> .@{tab-prefix-cls}-nav {
order: 0;
}
> .@{tab-prefix-cls}-content-holder {
order: 1;
}
2020-04-26 10:41:53 +08:00
}
}
2020-05-31 16:00:40 +08:00
// ====================== Card ======================
2020-08-03 12:42:59 +08:00
&-card {
2020-05-31 16:00:40 +08:00
&.@{tab-prefix-cls}-top,
&.@{tab-prefix-cls}-bottom {
2020-08-03 12:42:59 +08:00
> .@{tab-prefix-cls}-nav,
> div > .@{tab-prefix-cls}-nav {
2021-03-16 14:10:35 +08:00
.@{tab-prefix-cls}-tab + .@{tab-prefix-cls}-tab {
2020-08-03 12:42:59 +08:00
.@{tab-prefix-cls}-rtl& {
margin-right: 0;
margin-left: @tabs-card-gutter;
}
2020-05-31 16:00:40 +08:00
}
}
2020-04-26 10:41:53 +08:00
}
}
2020-03-23 13:51:37 +08:00
}
2020-06-07 01:10:11 +08:00
.@{tab-prefix-cls}-dropdown {
&-rtl {
direction: rtl;
}
&-menu-item {
.@{tab-prefix-cls}-dropdown-rtl & {
text-align: right;
}
}
}