.n-toast
  position fixed
  left 0
  top 0
  right 0
  height 0
  z-index 3000
  display flex
  flex-direction column
  align-items center
  &-position
    height 0
  &-box
    margin-top 70px
    display flex
    align-items center
    padding 12px 16px
    border-radius 4px
    background #FFFFFF
    box-shadow 0 2px 8px 0 rgba(22, 22, 22, 0.25)
  &-icon
    line-height 22px
    margin-right 8px
  &-content
    n-font-m()
    min-width 84px
    text-align center
  &-success
    color $success-color
  &-warning
    color $warning-color
  &-error
    color $danger-color

// 动画
.n-toast-enter-active
.n-toast-leave-active
  transition transform .2s ease, opacity .2s ease
.n-toast-enter
.n-toast-leave-to
  opacity 0
  transform translateY(-50px)