30 lines
1.6 KiB
CSS
30 lines
1.6 KiB
CSS
|
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
||
|
|
!*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/pages/HomePage.vue?vue&type=style&index=0&id=24c5b49c&lang=scss ***!
|
||
|
|
\************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
||
|
|
.homePage {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
overflow-y: auto;
|
||
|
|
}
|
||
|
|
.slide-enter-active,
|
||
|
|
.slide-leave-active {
|
||
|
|
transition: transform 1s ease, opacity 1s ease;
|
||
|
|
will-change: transform, opacity;
|
||
|
|
}
|
||
|
|
.slide-enter-from {
|
||
|
|
transform: translateX(100%);
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
.slide-enter-to {
|
||
|
|
transform: translateX(0%);
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.slide-leave-from {
|
||
|
|
transform: translateX(0%);
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.slide-leave-to {
|
||
|
|
transform: translateX(-100%);
|
||
|
|
opacity: 0;
|
||
|
|
}
|