// 文字
$text-color-main: #DEE7F0;

//边框
$border: .01rem solid;

// 颜色
$white: #FFF;
$blue: #3FD9FF;
$green: #47DB78;
$yellow: #FFE92F;
$red: #FF7070;

// 弹窗
$popup-main-color: #1E499B;
$popup-head-bg-color: #3069F4;

// 图片
@mixin background-base($img, $size:100% 100%, $repeat: no-repeat) {
    background-image: url($img);
    background-size: $size;
    background-repeat: $repeat;
}

// 滚动条
@mixin scrollbar($width: 10, $height: 10, $thumb-background: rgba(0, 0, 0, 0.4), $track-background: rgba(42, 93, 197, .3)) {
    &::-webkit-scrollbar {
        width: $width+px;
        height: $height+px;
    }
    &::-webkit-scrollbar-thumb{
        background: $thumb-background;
        border-radius: 8px;
    }
    &::-webkit-scrollbar-track {
        background: $track-background;
        border-radius: 8px;
    }
}

// 水平垂直居中
@mixin H-V-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

// 垂直居中
@mixin V-center {
    display: flex;
    align-items: center;
}