// 全局的过渡动画类
// vue <transition> 风格

// flow-in
@flow: flow-in;
.@{flow}-enter-active {
  transition: all 0.3s ease;
}
.@{flow}-leave-active {
  transition: all 0.3s ease;
}
.@{flow}-leave-to,
.@{flow}-enter {
  transform: translateY(5px);
  opacity: 0;
}

// fade-in
@fade: fade-in;
.@{fade}-enter-active {
  transition: all 0.3s ease;
}
.@{fade}-leave-active {
  transition: all 0.3s ease;
}
.@{fade}-enter,
.@{fade}-leave-to
 {
  opacity: 0;
}