From 8e495f248ae25564b795cd7530d20c0376a7c5d8 Mon Sep 17 00:00:00 2001 From: Terry Truong Date: Mon, 27 Jun 2022 14:40:58 +1000 Subject: Move transition/animation CSS classes to index.css --- src/components/Tile.vue | 42 ------------------------------------------ 1 file changed, 42 deletions(-) (limited to 'src/components/Tile.vue') diff --git a/src/components/Tile.vue b/src/components/Tile.vue index 607b7e9..15b8a0b 100644 --- a/src/components/Tile.vue +++ b/src/components/Tile.vue @@ -546,46 +546,4 @@ export default defineComponent({ width: calc(100% + var(--tileSpacing)); height: var(--tileSpacing); } -.animate-expand-shrink { - animation-name: expand-shrink; - animation-duration: 300ms; - animation-iteration-count: 1; - animation-timing-function: ease-in-out; -} -@keyframes expand-shrink { - from { - transform: scale(1, 1); - } - 50% { - transform: scale(1.1, 1.1); - } - to { - transform: scale(1, 1); - } -} -.animate-shrink-expand { - animation-name: shrink-expand; - animation-duration: 300ms; - animation-iteration-count: 1; - animation-timing-function: ease-in-out; -} -@keyframes shrink-expand { - from { - transform: translate3d(0,0,0) scale(1, 1); - } - 50% { - transform: translate3d(0,0,0) scale(0.9, 0.9); - } - to { - transform: translate3d(0,0,0) scale(1, 1); - } -} -.fadein-leave-to { - opacity: 0; -} -.fadein-leave-active { - transition-property: opacity; - transition-duration: 300ms; - transition-timing-function: ease-out; -} -- cgit v1.2.3