semi-design/packages/semi-foundation/tabs/rtl.scss

$module: #{$prefix}-tabs;

.#{$prefix}-rtl,
.#{$prefix}-portal-rtl {
    .#{$module} {
        direction: rtl;

        &-bar {
            .#{$module}-tab {
                float: right;

                .#{$prefix}-icon {
                    margin-right: 0;
                    margin-left: $spacing-tabs_tab_icon-marginRight;
                }
            }
        }

        &-bar-collapse {
            .#{$module}-bar-arrow-start {
                margin-right: 0;
                margin-left: $spacing-tabs_overflow_icon-marginRight;
            }

            .#{$module}-bar-arrow-end {
                margin-left: 0;
                margin-right: $spacing-tabs_overflow_icon-marginLeft;
            }

            .#{$prefix}-icon-chevron_right,
            .#{$prefix}-icon-chevron_left {
                transform: scaleX(-1);
            }
        }

        &-bar-line {
            &.#{$module}-bar-top {
                .#{$module}-tab {

                    &:not(:last-of-type) {
                        margin-right: 0;
                        margin-left: $spacing-tabs_bar_line_tab-marginRight;
                    }
                }
            }

            &.#{$module}-bar-left {
                border-right: 0;
                border-left: $width-tabs_bar_line-border solid $color-tabs_tab_line_default-border-default;

                .#{$module}-tab {
                    border-left: 0;
                    border-right: $width-tabs_bar_line_tab-border solid transparent;

                    &:hover {
                        border-left: 0;
                        border-right: $width-tabs_bar_line_tab-border solid $color-tabs_tab_line_default-border-hover;
                    }

                    &:active {
                        border-left: 0;
                        border-right: $width-tabs_bar_line_tab-border solid $color-tabs_tab_line_default-border-active;
                    }
                }

                .#{$module}-tab-active {

                    &,
                    &:hover {
                        border-left: 0;
                        border-right: $width-tabs_bar_line_tab-border solid $color-tabs_tab_line_indicator_selected-icon-default;
                    }
                }
            }
        }

        &-bar-card {
            &.#{$module}-bar-top {
                .#{$module}-tab {

                    &:not(:last-of-type) {
                        margin-left: 0;
                        margin-right: $spacing-tabs_bar_card_tab-marginRight;
                    }
                }
            }

            &.#{$module}-bar-left {
                border-right: 0;
                border-left: $width-tabs_bar_card-border solid $color-tabs_tab_line_default-border-default;

                .#{$module}-tab {
                    border: $width-tabs_bar_card-border solid transparent;
                    border-left: none;

                    &:hover {
                        border-left: none;
                    }
                }

                .#{$module}-tab-active {

                    &:after {
                        right: auto;
                        left: -1px;
                    }
                }
            }
        }

        &-bar-button {
            &.#{$module}-bar-top {
                .#{$module}-tab {

                    &:not(:last-of-type) {
                        margin-right: auto;
                        margin-left: $spacing-tabs_bar_button_tab-marginRight;
                    }
                }
            }
        }
    }
}