Fixed SASS warnings, use calc() for arithmetics

styles/archwizard.scss

@@ -215,12 +215,12 @@ $aw-param-step-state: null;
   position: absolute;
   height: 1px;
   width: calc(100% - #{$dot-width});
-  top: -($dot-height / 2);
-  left: calc(50% + #{$dot-width / 2});
+  top: calc(-1 * $dot-height / 2);
+  left: calc(50% + #{$dot-width} / 2);
 
   @include rtl {
     left: auto;
-    right: calc(50% + #{$dot-width / 2});
+    right: calc(50% + #{$dot-width} / 2);
   }
 }
 
@@ -229,14 +229,14 @@ $aw-param-step-state: null;
   background-color: $line-color;
   content: '';
   position: absolute;
-  left: -($dot-height / 2);
+  left: calc(-1 * $dot-height / 2);
   top: $dot-height;
   height: calc(100% - #{$dot-height});
   width: 1px;
 
   @include rtl {
     left: auto;
-    right: -($dot-height / 2);
+    right: calc(-1 * $dot-height / 2);
   }
 }
 
@@ -255,11 +255,11 @@ $aw-param-step-state: null;
 // Positions a circle in the horizontal layout of the navigation bar
 @mixin aw-circle-position-horizontal($dot-width, $dot-height, $dot-border-width) {
   top: -$dot-height;
-  left: calc(50% - #{$dot-width / 2});
+  left: calc(50% - #{$dot-width} / 2);
 
   @include rtl {
     left: auto;
-    right: calc(50% - #{$dot-width / 2});;
+    right: calc(50% - #{$dot-width} / 2);
   }
 }
 
@@ -307,10 +307,10 @@ $aw-param-step-state: null;
     padding: ($height + $aw-text-padding-bottom) 0 $aw-text-padding-bottom 0;
   }
   @else if ($layout == 'vertical') {
-    padding: ($aw-distance-between-steps / 2) ($aw-distance-between-steps / 2) ($aw-distance-between-steps / 2) ($aw-distance-between-steps / 2 + $height);
+    padding: calc($aw-distance-between-steps / 2) calc($aw-distance-between-steps / 2) calc($aw-distance-between-steps / 2) calc($aw-distance-between-steps / 2 + $height);
 
     @include rtl {
-      padding: ($aw-distance-between-steps / 2) ($aw-distance-between-steps / 2 + $height) ($aw-distance-between-steps / 2) ($aw-distance-between-steps / 2);
+      padding: calc($aw-distance-between-steps / 2) calc($aw-distance-between-steps / 2 + $height) calc($aw-distance-between-steps / 2) calc($aw-distance-between-steps / 2);
     }
   }
 
@@ -565,12 +565,12 @@ aw-wizard-navigation-bar {
       @for $number-of-components from 2 through 10 {
         &.steps-#{$number-of-components} {
           &:after {
-            left: 100% / $number-of-components / 2;
-            right: 100% / $number-of-components / 2;
+            left: calc(100% / $number-of-components / 2);
+            right: calc(100% / $number-of-components / 2);
           }
 
           li {
-            width: 100% / $number-of-components;
+            width: calc(100% / $number-of-components);
           }
         }
       }