#{$timeline-prefix}[dir='rtl'] { #{$timeline-prefix}-item { &-folder { padding-left: 0; padding-right: $timeline-item-content-margin-left + $timeline-item-node-size; } &-dot-tail { left: auto; right: $timeline-item-node-size / 2; border-left: none; border-right: $timeline-item-tail-size dotted $timeline-item-tail-color; } /* 时间轴左边存在内容的情况 */ &-has-left-content { &#{$timeline-prefix}-item-folder { margin-left: 0; margin-right: $timeline-item-left-content-width; } } } #{$timeline-prefix}-item-done { @include node-state('rtl', $timeline-item-done-background, $timeline-item-done-color, $timeline-item-done-dot-size); } #{$timeline-prefix}-item-process { @include node-state('rtl', $timeline-item-process-background, $timeline-item-process-color, $timeline-item-process-dot-size); } #{$timeline-prefix}-item-success { @include node-state('rtl', $timeline-item-success-background, $timeline-item-success-color, $timeline-item-success-dot-size); } #{$timeline-prefix}-item-error { @include node-state('rtl', $timeline-item-error-background, $timeline-item-error-color, $timeline-item-error-dot-size); } }