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; } } }