//
// 警告框
// ============================================================

.alert-wrapper
    @extend .align-items-center
    @extend .color-white
    @extend .padding-top-lg
    @extend .padding-right-md
    @extend .padding-bottom-lg
    @extend .padding-left-md
    &.remove
        @extend .transition-1s
        @extend .opacity-0
        transform: translateY(-100%)

    .alert-text
        @extend .flex
        @extend .padding-right-md
        @extend .padding-left-md

    .alert-description
        @extend .font-size-xs

    .iconfont
        @extend .font-size-lg

    .alert-close
        @extend .transition-1s
        @extend .cursor-pointer
        &:hover
            transform: scale(1.5)