From 69bb2c3d68afd99aad9e8e2dac259f86c58fe4cb Mon Sep 17 00:00:00 2001
From: Moritz Ruth <moritzruthcode@gmail.com>
Date: Tue, 2 Apr 2019 17:59:24 +0200
Subject: [PATCH] use same transition for layouts as for pages

---
 assets/css/global.scss      |  1 +
 assets/css/transitions.scss | 22 ----------------------
 nuxt.config.js              |  2 ++
 3 files changed, 3 insertions(+), 22 deletions(-)

diff --git a/assets/css/global.scss b/assets/css/global.scss
index c793007..9814e92 100644
--- a/assets/css/global.scss
+++ b/assets/css/global.scss
@@ -57,4 +57,5 @@ a {
 code {
   background-color: $c-background-darker;
   font-size: 14px;
+  font-family: monospace;
 }
diff --git a/assets/css/transitions.scss b/assets/css/transitions.scss
index 36b8d65..210d983 100644
--- a/assets/css/transitions.scss
+++ b/assets/css/transitions.scss
@@ -5,25 +5,3 @@
 .page-enter, .page-leave-to {
   opacity: 0;
 }
-
-.layout-enter-active {
-  transition: transform 0.5s ease, opacity 0.6s ease;
-}
-
-.layout-leave-active {
-  transition: transform 0.5s ease, opacity 0.1s ease;
-}
-
-.layout-enter {
-  transform: translateX(-100%);
-  opacity: 0;
-}
-
-.layout-leave-to {
-  transform: translateX(100%);
-  opacity: 0;
-}
-
-.layout-enter-to, .layout-leave {
-  opacity: 1;
-}
diff --git a/nuxt.config.js b/nuxt.config.js
index 14a517b..fbcd456 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -36,6 +36,8 @@ module.exports = {
   ** Customize the progress-bar color
   */
   loading: { color: '#c34545' },
+  transition: "page",
+  layoutTransition: "page",
 
   /*
   ** Global CSS