Update _icons.scss

tmorehouse · web-flow · commit 5609994d34d0 · 2020-03-12T03:03:21.000-03:00
diff --git a/src/icons/_icons.scss b/src/icons/_icons.scss
@@ -25,7 +25,7 @@
   }
 
   &.b-icon-cylon {
-    animation: b-icon-cylon 2s infinite ease-in-out;
+    animation: b-icon-cylon 2s infinite linear;
     @media (prefers-reduced-motion: reduce) {
       animation: none;
     }
@@ -47,13 +47,15 @@
     transform: translateX(0);
   }
   25% {
-    transform: translateX(-50%);
+    transform: translateX(-25%);
+    animation-timing-function: ease-in-out;
   }
   50% {
     transform: translateX(0);
   }
   75% {
-    transform: translateX(50%);
+    transform: translateX(25%);
+    animation-timing-function: ease-in-out;
   }
   100% {
     transform: translateX(0);

Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,7 @@`
`25`	`25`	`}`
`26`	`26`
`27`	`27`	`&.b-icon-cylon {`
`28`		`- animation: b-icon-cylon 2s infinite ease-in-out;`
	`28`	`+ animation: b-icon-cylon 2s infinite linear;`
`29`	`29`	`@media (prefers-reduced-motion: reduce) {`
`30`	`30`	`animation: none;`
`31`	`31`	`}`
`@@ -47,13 +47,15 @@`
`47`	`47`	`transform: translateX(0);`
`48`	`48`	`}`
`49`	`49`	`25% {`
`50`		`- transform: translateX(-50%);`
	`50`	`+ transform: translateX(-25%);`
	`51`	`+ animation-timing-function: ease-in-out;`
`51`	`52`	`}`
`52`	`53`	`50% {`
`53`	`54`	`transform: translateX(0);`
`54`	`55`	`}`
`55`	`56`	`75% {`
`56`		`- transform: translateX(50%);`
	`57`	`+ transform: translateX(25%);`
	`58`	`+ animation-timing-function: ease-in-out;`
`57`	`59`	`}`
`58`	`60`	`100% {`
`59`	`61`	`transform: translateX(0);`