feat(step): added right vertical steps variant having the arrow to the left side

Author: lubber-de

src/definitions/elements/step.less

@@ -235,6 +235,12 @@
     border-width: @verticalArrowBorderWidth;
     display: @verticalArrowDisplay;
   }
+  .ui.right.vertical.steps .step:after {
+    border-width: @verticalLeftArrowBorderWidth;
+    left: @verticalLeftArrowLeftOffset;
+    right: @verticalLeftArrowRightOffset;
+    transform: translateY(-50%) translateX(-50%) rotate(-45deg);
+  }
 
   .ui.vertical.steps .active.step:after {
     display: @verticalActiveArrowDisplay;

src/themes/default/elements/step.variables

@@ -81,6 +81,9 @@
 @verticalDivider: @divider;
 @verticalArrowTopOffset: 50%;
 @verticalArrowRightOffset: 0;
+@verticalLeftArrowLeftOffset: 0;
+@verticalLeftArrowRightOffset: 100%;
+@verticalLeftArrowBorderWidth: @borderWidth 0 0 @borderWidth;
 @verticalArrowBorderWidth: 0 @borderWidth @borderWidth 0;
 
 @verticalArrowDisplay: none;