From 3cfe6761b450ab2d31c71e06bb83de3f057f1923 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Sun, 27 Mar 2022 01:07:25 +1100
Subject: Remove unnecessary CSS vars

---
 src/components/TileTree.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

(limited to 'src/components/TileTree.vue')

diff --git a/src/components/TileTree.vue b/src/components/TileTree.vue
index a7b6f83..b6daadf 100644
--- a/src/components/TileTree.vue
+++ b/src/components/TileTree.vue
@@ -165,8 +165,6 @@ export default defineComponent({
 				width: '100vw', // Making this dynamic causes white flashes when resizing
 				height: '100vh',
 				backgroundColor: '#292524',
-				// CSS variables
-				'--transitionDuration': this.componentOptions.transitionDuration + 'ms',
 			};
 		},
 	},
@@ -545,7 +543,7 @@ export default defineComponent({
 <style>
 .animate-expand-shrink {
 	animation-name: expand-shrink;
-	animation-duration: var(--transitionDuration);
+	animation-duration: 300ms;
 	animation-iteration-count: 1;
 	animation-timing-function: ease-in-out;
 }
@@ -562,7 +560,7 @@ export default defineComponent({
 }
 .animate-shrink-expand {
 	animation-name: shrink-expand;
-	animation-duration: var(--transitionDuration);
+	animation-duration: 300ms;
 	animation-iteration-count: 1;
 	animation-timing-function: ease-in-out;
 }
@@ -582,7 +580,7 @@ export default defineComponent({
 }
 .fade-enter-active, .fade-leave-active {
 	transition-property: opacity;
-	transition-duration: var(--transitionDuration);
+	transition-duration: 300ms;
 	transition-timing-function: ease-out;
 }
 .slide-bottom-right-enter-from, .slide-bottom-right-leave-to {
@@ -591,7 +589,7 @@ export default defineComponent({
 }
 .slide-bottom-right-enter-active, .slide-bottom-right-leave-active {
 	transition-property: transform, opacity;
-	transition-duration: var(--transitionDuration);
+	transition-duration: 300ms;
 	transition-timing-function: ease-in-out;
 }
 </style>
-- 
cgit v1.2.3

