moritzruth/moritzruth.de
1
0
Fork 0
Code Activity Actions

use same transition for layouts as for pages

Browse source
This commit is contained in:
Moritz Ruth 2019-04-02 17:59:24 +02:00
parent 3adea6be57
commit 69bb2c3d68
3 changed files with 3 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
assets/css/global.scss
View file

@ -57,4 +57,5 @@ a {
code {
background-color: $c-background-darker;
font-size: 14px;
font-family: monospace;
}

22
assets/css/transitions.scss
View file

@ -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;
}

2
nuxt.config.js
View file

@ -36,6 +36,8 @@ module.exports = {
** Customize the progress-bar color
*/
loading: { color: '#c34545' },
transition: "page",
layoutTransition: "page",
/*
** Global CSS