refactor(styles): animation speed variables

Satellite-im · Jul 1, 2022 · 42323c5 · 42323c5
1 parent 50e3c7c
commit 42323c5
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/assets/styles/framework/animations.less b/assets/styles/framework/animations.less
@@ -1,7 +1,6 @@
 // Animations
 @animation-speed: 0.05s;
-@animation-speed-micro: 0.05s;
-@animation-speed-slow: 0.25s;
+@animation-speed-long: 0.25s;
 @transition-all: all @animation-speed ease; // DEPRICATED don't use this
 
 .fade-enter-active,

diff --git a/components/interactables/Switch/Switch.less b/components/interactables/Switch/Switch.less
@@ -23,7 +23,7 @@
     height: 1.6rem;
     width: calc(1.6rem * 2);
     border-radius: 1.6rem;
-    transition: all @animation-speed-micro ease-in-out;
+    transition: all @animation-speed ease-in-out;
     cursor: pointer;
     border: 0.125rem solid @flair-color;
     box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.33);
@@ -38,7 +38,7 @@
       height: calc(1.6rem - (2 * 0.125rem) - 0.125rem);
       width: calc(1.6rem - (2 * 0.125rem) - 0.125rem);
       border-radius: calc(1.6rem - (2 * 0.125rem) - 0.125rem);
-      transition: transform @animation-speed-micro ease-in-out;
+      transition: transform @animation-speed ease-in-out;
       transform: translateY(-50%) translateX(1px);
     }
 

diff --git a/components/ui/Modal/Modal.less b/components/ui/Modal/Modal.less
@@ -98,7 +98,7 @@
 .modal-enter-active,
 .modal-leave-active {
   &, .modal-background, .modal-card {
-    transition: all @animation-speed-slow ease;
+    transition: all @animation-speed-long ease;
   }
 }