Original fade in transitions, PR now made into dev.

2019-10-04 11:18:47 +01:00
parent e67efc027e
commit 9d14c554e2
2 changed files with 47 additions and 7 deletions
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -99,6 +99,35 @@ h1 {
  grid-gap: 1rem;
 }

+// Fade in title and cards and rows
+.fade-title {
+  &-enter {
+    opacity: 0;
+
+    &-to {
+      opacity: 1;
+    }
+
+    &-active {
+       transition: opacity .1s ease-in-out;
+    }
+  }
+}
+
+.fade-card {
+  &-enter {
+    opacity: 0;
+
+    &-to {
+      opacity: 1;
+    }
+
+    &-active {
+       transition: opacity .1s ease-in-out;
+    }
+  }
+}
+

@media (max-width: 400px) {
  .layout {