refactor(stepper): improve styles

Author: SisIvanova

projects/igniteui-angular/src/lib/core/styles/components/stepper/_stepper-theme.scss

@@ -239,13 +239,13 @@
     }
 
     %igx-stepper__step-header--current {
-        background: var-get($theme, 'current-step-background') !important;
+        background: var-get($theme, 'current-step-background');
         color: var-get($theme, 'current-title-color');
 
         %igx-stepper__step-indicator {
-            color: var-get($theme, 'current-indicator-color') !important;
-            background: var-get($theme, 'current-indicator-background') !important;
-            box-shadow: 0 0 0 $outline-width var-get($theme, 'current-indicator-outline') !important;
+            color: var-get($theme, 'current-indicator-color');
+            background: var-get($theme, 'current-indicator-background');
+            box-shadow: 0 0 0 $outline-width var-get($theme, 'current-indicator-outline');
         }
 
         %igx-stepper__step-title {
@@ -263,7 +263,7 @@
         }
 
         &:hover {
-            background: var-get($theme, 'current-step-hover-background') !important;
+            background: var-get($theme, 'current-step-hover-background');
 
             %igx-stepper__step-title {
                 color: var-get($theme, 'current-title-hover-color');
@@ -418,12 +418,26 @@
     }
 
     %igx-stepper__step--completed {
-
-        %igx-stepper__step-header {
+        %igx-stepper__step-header:not(%igx-stepper__step-header--current) {
             background: var-get($theme, 'complete-step-background');
 
+            %igx-stepper__step-indicator {
+                color: var-get($theme, 'complete-indicator-color');
+                background: var-get($theme, 'complete-indicator-background');
+                box-shadow: 0 0 0 $outline-width var-get($theme, 'complete-indicator-outline');
+            }
+
+            %igx-stepper__step-title {
+                color: var-get($theme, 'complete-title-color');
+            }
+
+            %igx-stepper__step-subtitle {
+                color: var-get($theme, 'complete-subtitle-color');
+            }
+
             &:hover {
                 background: var-get($theme, 'complete-step-hover-background');
+
                 %igx-stepper__step-title {
                     color: var-get($theme, 'complete-title-hover-color');
                 }
@@ -439,22 +453,8 @@
             }
         }
 
-        %igx-stepper__step-indicator {
-            color: var-get($theme, 'complete-indicator-color');
-            background: var-get($theme, 'complete-indicator-background');
-            box-shadow: 0 0 0 $outline-width var-get($theme, 'complete-indicator-outline');
-        }
-
-        %igx-stepper__step-title {
-            color: var-get($theme, 'complete-title-color');
-        }
-
-        %igx-stepper__step-subtitle {
-            color: var-get($theme, 'complete-subtitle-color');
-        }
-
         &:focus {
-            %igx-stepper__step-header {
+            %igx-stepper__step-header:not(%igx-stepper__step-header--current) {
                 background: var-get($theme, 'complete-step-focus-background');
 
                 %igx-stepper__step-title {