_loader.scss in active_frontend-10.3.0

- old
+ new

@@ -1,20 +1,38 @@
 /* Table of Contents
 ==================================================
+# Keyframes
 # Loader
 # Media Queries */
 
-/* # Loader
+/* # Keyframes
 ================================================== */
 @-webkit-keyframes loader-spinner {
-  0%   { -webkit-transform: rotate(0deg); }
-  100% { -webkit-transform: rotate(360deg); }
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
 }
 @keyframes loader-spinner {
-  0%   { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
+  0% {
+    -webkit-transform: rotate(0deg);
+        -ms-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+        -ms-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
 }
+
+/* # Loader
+================================================== */
 .loader-backdrop,
 .loader-bar {
   height: 2px;
   left: 0;
   pointer-events: none;
@@ -23,23 +41,24 @@
   width: 100%;
   z-index: 9999;
 }
 .loader-backdrop {
   height: 3px;
-  background: $color-haze-light;
+  background: $color-light-haze;
 }
 .loader-bar { background: $color-primary; }
 .loader-peg {
   box-shadow: 0 0 10px $color-primary, 0 0 5px $color-primary;
   display: block;
   height: 100%;
   opacity: 1;
   pointer-events: none;
   position: absolute;
   right: 0;
-  -webkit-transform: rotate(3deg) translate(0, -4px);
-  transform: rotate(3deg) translate(0, -4px);
+  -webkit-transform: rotate(3deg) translate(0,-4px);
+      -ms-transform: rotate(3deg) translate(0,-4px);
+          transform: rotate(3deg) translate(0,-4px);
   width: 100px;
 }
 .loader-spinner {
   display: block;
   pointer-events: none;
@@ -48,10 +67,11 @@
   top: 15px;
   z-index: 9999;
 }
 .loader-spinner-icon {
   -webkit-animation: loader-spinner 400ms linear infinite;
-  animation: loader-spinner 400ms linear infinite;
+      -ms-animation: loader-spinner 400ms linear infinite;
+          animation: loader-spinner 400ms linear infinite;
   border: solid 2px $color-transparent;
   border-left-color: $color-primary;
   border-top-color: $color-primary;
   border-radius: 500px;
   box-sizing: border-box;
\ No newline at end of file