From 6a58938e7196b2230cf35e152a72f58566566988 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Mon, 2 Mar 2020 22:25:31 +0100
Subject: [PATCH] Rework a little the toggle buttons animations

---
 src/style/_animations.scss   | 8 ++++----
 src/style/atoms/_toggle.scss | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/style/_animations.scss b/src/style/_animations.scss
index b76a630..f527d1d 100644
--- a/src/style/_animations.scss
+++ b/src/style/_animations.scss
@@ -174,19 +174,19 @@
 // List
 @keyframes layoutListOdd {
     0% { transform: translateX(0); }
-    100% { transform: translateX(4px); }
+    50% { transform: translateX(2px); }
 }
 @keyframes layoutListEven {
     0% { transform: translateX(0); }
-    100% { transform: translateX(-4px); }
+    50% { transform: translateX(-4px); }
 }
 
 // Grid
 @keyframes layoutGridOdd {
     0% { transform: translateY(0); }
-    100% { transform: translateY(3px); }
+    50% { transform: translateY(2px); }
 }
 @keyframes layoutGridEven {
     0% { transform: translateY(0); }
-    100% { transform: translateY(-3px); }
+    50% { transform: translateY(-3px); }
 }
diff --git a/src/style/atoms/_toggle.scss b/src/style/atoms/_toggle.scss
index c48fae4..55dcdad 100644
--- a/src/style/atoms/_toggle.scss
+++ b/src/style/atoms/_toggle.scss
@@ -54,19 +54,19 @@
         // List icon
         &[data-layout="list"]:hover {
             rect:nth-of-type(even) {
-                animation: layoutListEven 400ms $ease-cubic infinite alternate forwards;
+                animation: layoutListEven 600ms $ease-cubic infinite alternate forwards;
             }
             rect:nth-of-type(odd) {
-                animation: layoutListOdd 400ms $ease-cubic infinite alternate forwards;
+                animation: layoutListOdd 600ms $ease-cubic infinite alternate forwards;
             }
         }
         // Grid icon
         &[data-layout="grid"]:hover {
             rect:nth-of-type(even) {
-                animation: layoutGridEven 400ms $ease-cubic infinite alternate forwards;
+                animation: layoutGridEven 600ms $ease-cubic infinite alternate forwards;
             }
             rect:nth-of-type(odd) {
-                animation: layoutGridOdd 400ms $ease-cubic infinite alternate forwards;
+                animation: layoutGridOdd 600ms $ease-cubic infinite alternate forwards;
             }
         }
     }