| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- @import '../../style/themes/index';
- @import '../../style/mixins/index';
- @tab-prefix-cls: ~'@{ant-prefix}-tabs';
- .@{tab-prefix-cls} {
- &-rtl {
- direction: rtl;
- .@{tab-prefix-cls}-nav {
- .@{tab-prefix-cls}-tab {
- margin: @tabs-horizontal-margin-rtl;
- &:last-of-type {
- margin-left: 0;
- }
- .@{iconfont-css-prefix} {
- margin-right: 0;
- margin-left: @margin-sm;
- }
- .@{tab-prefix-cls}-tab-remove {
- margin-right: @margin-xs;
- margin-left: -@margin-xss;
- .@{iconfont-css-prefix} {
- margin: 0;
- }
- }
- }
- }
- &.@{tab-prefix-cls}-left {
- > .@{tab-prefix-cls}-nav {
- order: 1;
- }
- > .@{tab-prefix-cls}-content-holder {
- order: 0;
- }
- }
- &.@{tab-prefix-cls}-right {
- > .@{tab-prefix-cls}-nav {
- order: 0;
- }
- > .@{tab-prefix-cls}-content-holder {
- order: 1;
- }
- }
- }
- // ====================== Card ======================
- &-card {
- &.@{tab-prefix-cls}-top,
- &.@{tab-prefix-cls}-bottom {
- > .@{tab-prefix-cls}-nav,
- > div > .@{tab-prefix-cls}-nav {
- .@{tab-prefix-cls}-tab + .@{tab-prefix-cls}-tab {
- .@{tab-prefix-cls}-rtl& {
- margin-right: @tabs-card-gutter;
- margin-left: 0;
- }
- }
- .@{tab-prefix-cls}-nav-add {
- .@{tab-prefix-cls}-rtl& {
- margin-right: @tabs-card-gutter;
- margin-left: 0;
- }
- }
- }
- }
- }
- }
- .@{tab-prefix-cls}-dropdown {
- &-rtl {
- direction: rtl;
- }
- &-menu-item {
- .@{tab-prefix-cls}-dropdown-rtl & {
- text-align: right;
- }
- }
- }
|
