@arco-design/mobile-react 2.32.0 → 2.33.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css CHANGED
@@ -2544,6 +2544,9 @@ samp {
2544
2544
  display: flex;
2545
2545
  padding: 0.32rem 0 ;
2546
2546
  }
2547
+ .arco-steps.reverse-order {
2548
+ flex-direction: row-reverse;
2549
+ }
2547
2550
  .arco-steps-item {
2548
2551
  position: relative;
2549
2552
  display: flex;
@@ -2565,6 +2568,14 @@ samp {
2565
2568
  .arco-steps-item:last-child .arco-steps-item-tail::after {
2566
2569
  visibility: hidden;
2567
2570
  }
2571
+ .reverse-order .arco-steps-item:first-child .arco-steps-item-tail::after,
2572
+ .reverse-order .arco-steps-item:last-child .arco-steps-item-tail::before {
2573
+ visibility: hidden;
2574
+ }
2575
+ .reverse-order .arco-steps-item:first-child .arco-steps-item-tail::before,
2576
+ .reverse-order .arco-steps-item:last-child .arco-steps-item-tail::after {
2577
+ visibility: visible;
2578
+ }
2568
2579
  .arco-steps-item-tail {
2569
2580
  position: absolute;
2570
2581
  display: flex;
@@ -2588,13 +2599,13 @@ samp {
2588
2599
  right: 9PX ;
2589
2600
  }
2590
2601
  .horizontal .arco-steps-item-tail-align-start::after {
2591
- content: "";
2602
+ content: '';
2592
2603
  width: 100%;
2593
2604
  border-radius: 2PX ;
2594
2605
  }
2595
2606
  .horizontal .arco-steps-item-tail-align-center::before,
2596
2607
  .horizontal .arco-steps-item-tail-align-center::after {
2597
- content: "";
2608
+ content: '';
2598
2609
  width: 50%;
2599
2610
  }
2600
2611
  .horizontal .arco-steps-item-tail-align-center::before {
@@ -2645,13 +2656,13 @@ samp {
2645
2656
  padding: 14PX 0 ;
2646
2657
  }
2647
2658
  .vertical .arco-steps-item-tail-align-start::after {
2648
- content: "";
2659
+ content: '';
2649
2660
  height: 100%;
2650
2661
  border-radius: 2PX ;
2651
2662
  }
2652
2663
  .vertical .arco-steps-item-tail-align-center::before,
2653
2664
  .vertical .arco-steps-item-tail-align-center::after {
2654
- content: "";
2665
+ content: '';
2655
2666
  height: 50%;
2656
2667
  }
2657
2668
  .vertical .arco-steps-item-tail-align-center::before {
@@ -2675,6 +2686,15 @@ samp {
2675
2686
  .arco-steps-item-tail-align-center.arco-steps-item-tail-status-error::before {
2676
2687
  background: #165DFF ;
2677
2688
  }
2689
+ .reverse-order .arco-steps-item-tail-status-finish::before,
2690
+ .reverse-order .arco-steps-item-tail-status-process::after,
2691
+ .reverse-order .arco-steps-item-tail-align-center.arco-steps-item-tail-status-error::after {
2692
+ background: #165DFF ;
2693
+ }
2694
+ .reverse-order .arco-steps-item-tail-status-process::before,
2695
+ .reverse-order .arco-steps-item-tail-align-center.arco-steps-item-tail-status-error::before {
2696
+ background: #e5e6eb ;
2697
+ }
2678
2698
  .arco-steps-item-custom-icon,
2679
2699
  .arco-steps-item-icon {
2680
2700
  display: inline-flex;
@@ -2793,6 +2813,9 @@ samp {
2793
2813
  padding-bottom: 0 ;
2794
2814
  padding-left: 0.4rem ;
2795
2815
  }
2816
+ .arco-steps.vertical.reverse-order {
2817
+ flex-direction: column-reverse;
2818
+ }
2796
2819
  [dir="rtl"] .arco-steps.vertical {
2797
2820
  padding-left: initial;
2798
2821
  padding-right: 0.4rem ;