fix: q-spinner-mat is not working properly in rtl mode (close quasarframework#2012)

Author: rstoenescu

src/components/datetime/datetime.mat.styl

@@ -110,7 +110,7 @@ div + .q-datetime-time
 
 .q-datetime-clock-circle
   position relative
-  animation q-pop-in .5s
+  animation q-pop .5s /* rtl:ignore */
 
 .q-datetime-clock-center
   height 6px
@@ -129,7 +129,7 @@ div + .q-datetime-time
   width 1px
   height 50%
   margin 0 auto
-  transform-origin top center
+  transform-origin top center /* rtl:ignore */
   min-height 0
   position absolute
   left 0

src/components/spinner/spinner.ios.styl

@@ -2,13 +2,13 @@
   vertical-align middle
 
 .q-spinner-mat
-  animation q-spin 2s linear infinite
-  transform-origin center center
+  animation q-spin 2s linear infinite  /* rtl:ignore */
+  transform-origin center center /* rtl:ignore */
   .path
     stroke-dasharray 1, 200
     stroke-dashoffset 0
     stroke-linecap round
-    animation q-mat-dash 1.5s ease-in-out infinite
+    animation q-mat-dash 1.5s ease-in-out infinite  /* rtl:ignore */
 
 @keyframes q-mat-dash
   0%

src/components/spinner/spinner.mat.styl

@@ -2,13 +2,13 @@
   vertical-align middle
 
 .q-spinner-mat
-  animation q-spin 2s linear infinite
-  transform-origin center center
+  animation q-spin 2s linear infinite /* rtl:ignore */
+  transform-origin center center /* rtl:ignore */
   .path
     stroke-dasharray 1, 200
     stroke-dashoffset 0
     stroke-linecap round
-    animation q-mat-dash 1.5s ease-in-out infinite
+    animation q-mat-dash 1.5s ease-in-out infinite /* rtl:ignore */
 
 @keyframes q-mat-dash
   0%

src/css/core/motion.styl

@@ -5,7 +5,7 @@
     background transparent
 
 .highlight-and-fade
-  animation q-highlight 2s
+  animation q-highlight 2s /* rtl:ignore */
 
 @keyframes q-rotate
   0%
@@ -23,19 +23,19 @@
   transition all .3s
 
 .animate-spin, .animate-spin-reverse
-  animation q-spin 2s infinite linear
+  animation q-spin 2s infinite linear /* rtl:ignore */
 .animate-spin-reverse
   animation-direction reverse
 .animate-blink
-  animation q-blink 1s steps(5, start) infinite
+  animation q-blink 1s steps(5, start) infinite /* rtl:ignore */
 .animate-pop
-  animation q-pop .2s
+  animation q-pop .2s /* rtl:ignore */
 .animate-scale
-  animation q-scale .2s
+  animation q-scale .2s /* rtl:ignore */
 .animate-fade
-  animation q-fade .2s
+  animation q-fade .2s /* rtl:ignore */
 .animate-bounce
-  animation q-bounce 2s infinite
+  animation q-bounce 2s infinite /* rtl:ignore */
 
 @keyframes q-blink
   to
@@ -82,11 +82,11 @@
 .animate-popup-up, .animate-popup-down
   animation-timing-function cubic-bezier(0.23, 1, 0.32, 1)
 .animate-popup-down
-  animation q-popup-down .42s
-  transform-origin left top 0px
+  animation q-popup-down .42s /* rtl:ignore */
+  transform-origin left top 0px /* rtl:ignore */
 .animate-popup-up
-  animation q-popup-up .42s
-  transform-origin left bottom 0px
+  animation q-popup-up .42s /* rtl:ignore */
+  transform-origin left bottom 0px /* rtl:ignore */
 
 @keyframes q-popup-down
   0%