// 颜色 - 亮绿色主题
$colors: (
    "primary": #00D4AA,
    "info-1": #1de9b6,
    "info": #00bfa5,
    "white": #ffffff,
    "light": #f5f7fa,
    "grey-1": #999999,
    "grey": #666666,
    "dark-1": #333333,
    "dark": #222222,
    "black-1": #333333,
    "black": #000000,
    "icon": #00D4AA,
    // 新增浅色主题专用颜色
    "bg-light": #f7f9fb,
    "bg-lighter": #ffffff,
    "border-light": #e4e7ed,
    "text-secondary": #606266,
    "text-regular": #909399
);

// 字体大小
$base-font-size: 0.2rem;
$font-sizes: (
    xxs: 0.1,
    //8px
    xs: 0.125,
    //10px
    sm: 0.2875,
    //12px
    md: 0.1625,
    //13px
    lg: 0.175,
    //14px
    xl: 0.2,
    //16px
    xxl: 0.225,
    //18px
    xxxl: 0.25 //20px,,,,
);

// 宽高
.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

//flex
.flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

$flex-jc: (
    start: flex-start,
    end: flex-end,
    center: center,
    between: space-between,
    around: space-around,
    evenly: space-evenly,
);

$flex-ai: (
    start: flex-start,
    end: flex-end,
    center: center,
    stretch: stretch,
);

.flex-1 {
    flex: 1;
}

//.mt-1 => margin top
//spacing
$spacing-types: (
    m: margin,
    p: padding,
);
$spacing-directions: (
    t: top,
    r: right,
    b: bottom,
    l: left,
);
$spacing-base-size: 0.5rem;
$spacing-sizes: (
    0: 0,
    1: 0.5,
    2: 1,
    3: 1.5,
    4: 2,
    5: 2.5,
);