aboutsummaryrefslogtreecommitdiff
path: root/src/components/Tile.vue
diff options
context:
space:
mode:
authorTerry Truong <terry06890@gmail.com>2022-06-27 14:40:58 +1000
committerTerry Truong <terry06890@gmail.com>2022-06-27 14:40:58 +1000
commit8e495f248ae25564b795cd7530d20c0376a7c5d8 (patch)
tree10d59542efbf895c3d504cab04a0bd5df9b55eec /src/components/Tile.vue
parent10e104c72a035fe41741652afc93e0137cf67fdd (diff)
Move transition/animation CSS classes to index.css
Diffstat (limited to 'src/components/Tile.vue')
-rw-r--r--src/components/Tile.vue42
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>