12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 |
- @mixin accordeon-transition($h){
- &.accordeon-enter,
- &.accordeon-leave-to{
-
- height:0.01vh;
- padding-top: 0;
- padding-bottom: 0;
-
-
- }
- &.accordeon-enter-to,
- &.accordeon-leave{
-
- height:$h;
-
-
- }
- &.accordeon-enter-active{
- transition: all 300ms ease-in-out;
- }
- &.accordeon-leave-active{
- transition: all 200ms ease-in-out;
- }
- }
- @mixin fade-transition() {
- &.fade-enter,
- &.fade-leave-to{
- opacity: 0;
- }
- &.fade-enter-to,
- &.fade-leave{
- opacity:1;
- }
- &.fade-enter-active{
- transition: all 300ms ease-in-out;
- }
- &.fade-leave-active{
- transition: all 200ms ease-in-out;
- }
- }
- .fade-enter-active{
- transition: all 300ms ease-in-out;
- }
- .fade-leave-active{
- transition: all 200ms ease-in-out;
- }
- .fade-enter,
- .fade-leave-active {
- opacity: 0
- }
- // .edition-texts-enter-active, .edition-texts-leave-active {
- // transition: all 1s;
|