_transitions-mixin.scss
18 lines
| 1 | @mixin slide-fade { |
| 2 | .am { |
| 3 | &-slide-fade-enter-active { |
| 4 | transition: all 0.3s ease-out; |
| 5 | } |
| 6 | |
| 7 | &-slide-fade-leave-active { |
| 8 | transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1); |
| 9 | } |
| 10 | |
| 11 | &-slide-fade-enter-from, |
| 12 | &-slide-fade-leave-to { |
| 13 | transform: translatey(20px); |
| 14 | opacity: 0; |
| 15 | } |
| 16 | } |
| 17 | } |
| 18 |