Add animations and pin create card input

Signed-off-by: Julius Härtl <jus@bitgrid.net>
2020-04-22 18:01:48 +02:00
parent 63c547b9c7
commit ff5d092436
5 changed files with 157 additions and 56 deletions
--- a/src/css/animations.scss
+++ b/src/css/animations.scss
@@ -0,0 +1,25 @@
+.fade-enter-active {
+	transition: opacity 250ms;
+}
+.fade-enter, .fade-leave-to {
+	opacity: 0;
+}
+
+.zoom-appear-active-class,
+.zoom-enter-active {
+	animation: zoom-in var(--animation-quick);
+}
+.zoom-leave-active {
+	animation: zoom-in var(--animation-quick) reverse;
+	will-change: transform;
+}
+@keyframes zoom-in {
+	0% {
+		transform: scale(0);
+		opacity: 0;
+	}
+	100% {
+		transform: scale(1);
+		opacity: 1;
+	}
+}