feat: less

arco-design · Oct 24, 2024 · 62e6d2a · 62e6d2a
1 parent 3fc66b7
commit 62e6d2a
Showing 1 changed file with 10 additions and 27 deletions.
diff --git a/packages/common-widgets/style/mixin.less b/packages/common-widgets/style/mixin.less
@@ -530,7 +530,7 @@
  * }
  * ```
  */
-.set-steps-color(@color, @finish-color: fade(@color, 10%)) {
+.set-steps-color(@color, @finish-color: fade(@color, 10%), @reverse: false) {
     .process-bg-color-with-config,
     .process-custom-icon-bg-color-with-config {
         background: @color;
@@ -553,37 +553,20 @@
     }
     .finish-tail-color-with-config::before,
     .finish-tail-color-with-config::after,
-    .process-tail-color-with-config::before,
     .error-tail-color-with-config::before {
         background: @color;
     }
-}
 
-.set-steps-color-reverse(@color, @finish-color: fade(@color, 10%)) {
-    .process-bg-color-with-config,
-    .process-custom-icon-bg-color-with-config {
-        background: @color;
-        .use-var(color, steps-process-with-config-item-icon-color);
-    }
-    .finish-bg-color-with-config,
-    .finish-custom-icon-bg-color-with-config {
-        background: @finish-color;
-        color: @color;
-        svg {
-            color: inherit;
+    & when (@reverse = true) {
+        .process-tail-color-with-config::after {
+            background: @color;
         }
     }
-    .wait-custom-icon-bg-color-with-config {
-        .use-var(background, steps-wait-icon-num-background);
-        .use-var(color, sub-info-font-color);
-    }
-    .process-title-color-with-config {
-        color: @color;
-    }
-    .finish-tail-color-with-config::before,
-    .finish-tail-color-with-config::after,
-    .process-tail-color-with-config::after,
-    .error-tail-color-with-config::before {
-        background: @color;
+
+    & when (@reverse = false) {
+        .process-tail-color-with-config::before {
+            background: @color;
+        }
     }
+
 }