@import "./variable";

@mixin box{
    border-radius: $global-radius;
    background-color: $white;
    box-shadow: 0 0 5px $box-shadow-color;
}

@mixin red-dot {
    content: " ";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: $main-color;
    display: inline-block;
    margin-bottom: 2px;
    margin-right: 5px;
}

.hidden {
    display: none;
}

.ml-10 {
    margin-left: 10px;
}

.ml-10 {
    margin-left: 10px;
}

.mb-10 {
    margin-bottom: 12px;
}

@each $value in (left ,center, right){
    .text-#{$value}{
        text-align: $value;
    }
}

/* 红色字体 */
.red-text {
    color: $main-color;
}

/* 蓝色字体 */
.blue-text {
    color: #3b77be;
}

.textarea-normal {
    max-width: 100%;
}