diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-06-27 14:40:58 +1000 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-06-27 14:40:58 +1000 |
| commit | 8e495f248ae25564b795cd7530d20c0376a7c5d8 (patch) | |
| tree | 10d59542efbf895c3d504cab04a0bd5df9b55eec /src/components/Tile.vue | |
| parent | 10e104c72a035fe41741652afc93e0137cf67fdd (diff) | |
Move transition/animation CSS classes to index.css
Diffstat (limited to 'src/components/Tile.vue')
| -rw-r--r-- | src/components/Tile.vue | 42 |
1 files changed, 0 insertions, 42 deletions
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; -} </style> |
