/*
 * @Author: xiaodongyu
 * @Date 2020-08-01 15:38:15
 * @Last Modified by: xiaodongyu
 * @Last Modified time: 2023-03-07 13:44:14
 */

.yqg {
    &-btn {
        &-info {
            @include custom-btn(#5bc0de);
        }

        &-success {
            @include custom-btn(#5cb85c);
        }

        &-yellow {
            @include custom-btn(#f7c411);
        }
    }

    &-divider {
        margin: 20px 0;
    }

    &-title {
        margin: 20px 0;
        padding-left: 10px;
        border-left: 10px solid $primary;
    }

    &-text {
        &-success {
            color: $green-base;
        }

        &-danger {
            color: $red-base;
        }

        &-primary {
            color: $primary;
        }

        &-warning {
            color: $yellow-base;
        }
    }

    &-record-green {
        background-color: $record-green;
    }

    &-record-yellow {
        background-color: $record-yellow;
    }

    &-form-title {
        margin-bottom: 20px;
        font-size: 24px;
        font-weight: 600;
        color: #000;
    }

    &-spin,
    &-spin-transparent {
        &.ant-spin-nested-loading > div > .ant-spin {
            position: fixed;
            min-height: 80vh;
            z-index: 1100;
        }

        > .ant-spin-container {
            overflow: unset;
        }
    }

    &-spin-transparent {
        > .ant-spin-container {
            opacity: unset !important;

            &::after {
                background-color: transparent;
                z-index: 1100;
                height: 100vh;
            }
        }
    }

    &-clear-float {
        &::after {
            content: "";
            display: block;
            clear: both;
        }
    }
}

@include generator("margin-top", $distances, "mt");
@include generator("margin-right", $distances, "mr");
@include generator("margin-bottom", $distances, "mb");
@include generator("margin-left", $distances, "ml");