diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-03-27 01:07:25 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-03-27 01:07:25 +1100 |
| commit | 3cfe6761b450ab2d31c71e06bb83de3f057f1923 (patch) | |
| tree | 143f73304436bfd6748cd35433f523a1a723d248 | |
| parent | e4ed024c433cac6216530f62306505e35887a450 (diff) | |
Remove unnecessary CSS vars
| -rw-r--r-- | src/components/TileTree.vue | 10 |
1 files changed, 4 insertions, 6 deletions
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> |