mirror of
https://github.com/BewlyBewly/BewlyBewly.git
synced 2025-04-14 13:15:29 +00:00
refactor: separate vue transition & transition group styles into transitionAndTransitionGroup.scss
This commit is contained in:
@@ -327,38 +327,3 @@ function handleOsScroll() {
|
||||
--at-apply: opacity-0 transform -translate-y-full;
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss">
|
||||
.page-fade-enter-active,
|
||||
.page-fade-leave-active {
|
||||
transition: opacity 0.5s ease;
|
||||
}
|
||||
.page-fade-enter-from,
|
||||
.page-fade-leave-to {
|
||||
--at-apply: opacity-0;
|
||||
}
|
||||
.page-fade-leave-to {
|
||||
--at-apply: hidden
|
||||
}
|
||||
|
||||
.fade-enter-active,
|
||||
.fade-leave-active {
|
||||
transition: opacity 0.5s ease;
|
||||
}
|
||||
.fade-enter-from,
|
||||
.fade-leave-to {
|
||||
--at-apply: opacity-0;
|
||||
}
|
||||
|
||||
.list-enter-active,
|
||||
.list-leave-active {
|
||||
transition: all 0.5s ease;
|
||||
}
|
||||
.list-enter-from,
|
||||
.list-leave-to {
|
||||
--at-apply: opacity-0 transform translate-y-6 transform-gpu;
|
||||
}
|
||||
.list-leave-to {
|
||||
--at-apply: hidden
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user