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