UNPKG

1.41 kBSCSSView Raw
1#{$timeline-prefix}[dir='rtl'] {
2 #{$timeline-prefix}-item {
3 &-folder {
4 padding-left: 0;
5 padding-right: calc(#{$timeline-item-content-margin-left} + #{$timeline-item-node-size});
6 }
7
8 &-dot-tail {
9 left: auto;
10 right: calc(#{$timeline-item-node-size} / 2);
11 border-left: none;
12 border-right: $timeline-item-tail-size dotted $timeline-item-tail-color;
13 }
14 /* 时间轴左边存在内容的情况 */
15 &-has-left-content {
16 &#{$timeline-prefix}-item-folder {
17 margin-left: 0;
18 margin-right: $timeline-item-left-content-width;
19 }
20 }
21 }
22
23 #{$timeline-prefix}-item-done {
24 @include node-state('rtl', $timeline-item-done-background, $timeline-item-done-color, $timeline-item-done-dot-size);
25 }
26
27 #{$timeline-prefix}-item-process {
28 @include node-state('rtl', $timeline-item-process-background, $timeline-item-process-color, $timeline-item-process-dot-size);
29 }
30
31 #{$timeline-prefix}-item-success {
32 @include node-state('rtl', $timeline-item-success-background, $timeline-item-success-color, $timeline-item-success-dot-size);
33 }
34
35 #{$timeline-prefix}-item-error {
36 @include node-state('rtl', $timeline-item-error-background, $timeline-item-error-color, $timeline-item-error-dot-size);
37 }
38}