$toastTransitionName: "xm-toast";

@at-root {
  .xm-toast-v2 {
    height: auto;
  }

  // toast react动画： $toastTransitionName 对应js里的 transitionName
  .#{$toastTransitionName} {

    @include react-animation-enter {
      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      @include react-animation-from {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.7);
      }
      @include react-animation-to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
      }
    }
    @include react-animation-leave {
      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      @include react-animation-from {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
      }
      @include react-animation-to {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.7);
      }
    }
  }

}