$fontFamily: "Spurce Han Sans,Wah Kang font,Microsoft YaHei";
$allColor: #303133; //主要文字
$color1: #606266; //常规文字
$color2: #909399; //次要文字
$color3: #C0C4CC; //占位文字
$colorList: ( 1:$color1, 2:$color2, 3:$color3);
$theme1: #5BA7FF;
$theme2: #FFF;
$theme3: #8E9CC1;
$themeList: (1:$theme1, 2:$theme2, 3:$theme3);
$auxiliary1: #548FF0; //辅助色彩
$auxiliary2: #FF4121;
$auxiliary3: #7ED321;
$auxiliary4: #F5A623;
$auxiliaryList: ( 1:$auxiliary1, 2:$auxiliary2, 3:$auxiliary3, 4:$auxiliary4);
$borderColor1: #C2CEDB; //线条色彩
$borderColor2: #DDD;
$borderColorList: (1:$borderColor1, 2:$borderColor2);
$bg1: #FFF;
$bg2: #F2FBFF;
$bg3: #EEFAFF;
$bg4: #FFF5E4;
$bg5: #E5F6D3;
$bgList: ( 1:$bg1, 2:$bg2, 3:$bg3, 4:$bg4, 5:$bg5);
$allSize: 14px; //正常文字大小
$size1: 12px; //辅助文字大小
.el-dialog__header {
    border-bottom: 1px solid #C2CEDB;
    box-sizing: border-box;
    .el-dialog__title {
        height: 20px;
        line-height: 20px;
        font-size: 14px;
    }
}

//文字色
@each $i,
$color in $colorList {
    .color#{$i} {
        color: $color;
    }
}

//主题色
@each $i,
$theme in $themeList {
    .theme#{$i} {
        background-color: $theme;
    }
}

//辅助背景色
@each $i,
$auxiliary in $auxiliaryList {
    .auxiliary#{$i} {
        background-color: $auxiliary;
    }
}

//辅助色
@each $i,
$auxiliary in $auxiliaryList {
    .auxiliary-color#{$i} {
        color: $auxiliary;
    }
}

//线条色
@each $i,
$borderColor in $borderColorList {
    .border-color#{$i} {
        border-color: $borderColor;
    }
}

//背景色
@each $i,
$bg in $bgList {
    .bg#{$i} {
        background-color: $bg;
    }
}

@for $i from 1 to 51 {
    .border-radius#{$i} {
        border-radius: #{$i}px;
    }
}

@for $i from 1 to 11 {
    .border#{$i} {
        border-width: #{$i}px;
        border-style: solid;
    }
}