// 模板背景色
$theme-bg-color: #ebeef5 !default;
// 灰色，常用于边框颜色
$--color-gray: #dcdfe6 !default;
// 表格表头背景色
$--table-header-bg: #F7FAFF !default;

/*
*  小尺寸
*/

// 栅格大小
$grid-size-mini-0: 0px !default;
$grid-size-mini-4: 4px !default;
$grid-size-mini-8: 8px !default;
$grid-size-mini-12: 12px !default;
$grid-size-mini-16: 16px !default;
$grid-size-mini-20: 20px !default;
$grid-size-mini-24: 24px !default;
$grid-size-mini-28: 28px !default;
$grid-size-mini-32: 32px !default;
$grid-size-mini-40: 40px !default;
$grid-size-mini-48: 48px !default;
$grid-size-mini-56: 56px !default;
$grid-size-mini-64: 64px !default;
$grid-size-mini-72: 72px !default;
$grid-size-mini-80: 80px !default;
$grid-size-mini-88: 88px !default;
$grid-size-mini-96: 96px !default;
$grid-size-mini-120: 120px !default;
$grid-size-mini-144: 144px !default;
$grid-size-mini-160: 160px !default;
$grid-size-mini-176: 176px !default;
$grid-size-mini-200: 200px !default;
$grid-size-mini-240: 240px !default;
$grid-size-mini-280: 280px !default;
$grid-size-mini-320: 320px !default;


// 字体大小
$font-size-mini-12: 12px !default;
$font-size-mini-14: 14px !default;
$font-size-mini-16: 16px !default;
$font-size-mini-20: 20px !default;
$font-size-mini-24: 24px !default;
$font-size-mini-28: 28px !default;

// 间距大小
$grid-mini-list: (
    0: $grid-size-mini-0,
    4: $grid-size-mini-4,
    8: $grid-size-mini-8,
    12: $grid-size-mini-12,
    16: $grid-size-mini-16,
    20: $grid-size-mini-20,
    24: $grid-size-mini-24,
    28: $grid-size-mini-28,
    32: $grid-size-mini-32,
    40: $grid-size-mini-40,
    48: $grid-size-mini-64,
    56: $grid-size-mini-56,
    64: $grid-size-mini-64,
    72: $grid-size-mini-72,
    80: $grid-size-mini-80,
    88: $grid-size-mini-88,
    96: $grid-size-mini-96,
    120: $grid-size-mini-120,
    144: $grid-size-mini-144,
    160: $grid-size-mini-160,
    176: $grid-size-mini-176,
    200: $grid-size-mini-200,
    240: $grid-size-mini-240,
    280: $grid-size-mini-280,
    320: $grid-size-mini-320
);

// 字体大小
$font-size-mini-list: (
    12: $font-size-mini-12,
    14: $font-size-mini-14,
    16: $font-size-mini-16,
    20: $font-size-mini-20,
    24: $font-size-mini-24,
    28: $font-size-mini-28
);

/*
*  中尺寸
*/

// 栅格大小
$grid-size-medium-0: 0px !default;
$grid-size-medium-4: 8px !default;
$grid-size-medium-8: 12px !default;
$grid-size-medium-12: 16px !default;
$grid-size-medium-16: 20px !default;
$grid-size-medium-20: 24px !default;
$grid-size-medium-24: 32px !default;
$grid-size-medium-28: 36px !default;
$grid-size-medium-32: 40px !default;
$grid-size-medium-40: 48px !default;
$grid-size-medium-48: 56px !default;
$grid-size-medium-56: 72px !default;
$grid-size-medium-64: 80px !default;
$grid-size-medium-72: 88px !default;
$grid-size-medium-80: 96px !default;
$grid-size-medium-88: 112px !default;
$grid-size-medium-96: 120px !default;
$grid-size-medium-120: 160px !default;
$grid-size-medium-144: 184px !default;
$grid-size-medium-160: 200px !default;
$grid-size-medium-176: 224px !default;
$grid-size-medium-200: 240px !default;
$grid-size-medium-240: 280px !default;
$grid-size-medium-280: 320px !default;
$grid-size-medium-320: 400px !default;

// 字体大小
$font-size-medium-12: 14px !default;
$font-size-medium-14: 16px !default;
$font-size-medium-16: 20px !default;
$font-size-medium-20: 24px !default;
$font-size-medium-24: 28px !default;
$font-size-medium-28: 32px !default;


// 间距大小
$grid-medium-list: (
    0: $grid-size-medium-0,
    4: $grid-size-medium-4,
    8: $grid-size-medium-8,
    12: $grid-size-medium-12,
    16: $grid-size-medium-16,
    20: $grid-size-medium-20,
    24: $grid-size-medium-24,
    28: $grid-size-medium-28,
    32: $grid-size-medium-32,
    40: $grid-size-medium-40,
    48: $grid-size-medium-64,
    56: $grid-size-medium-56,
    64: $grid-size-medium-64,
    72: $grid-size-medium-72,
    80: $grid-size-medium-80,
    88: $grid-size-medium-88,
    96: $grid-size-medium-96,
    120: $grid-size-medium-120,
    144: $grid-size-medium-144,
    160: $grid-size-medium-160,
    176: $grid-size-medium-176,
    200: $grid-size-medium-200,
    240: $grid-size-medium-240,
    280: $grid-size-medium-280,
    320: $grid-size-medium-320
);

// 字体大小
$font-size-medium-list: (
    12: $font-size-medium-12,
    14: $font-size-medium-14,
    16: $font-size-medium-16,
    20: $font-size-medium-20,
    24: $font-size-medium-24,
    28: $font-size-medium-28
);

/*
*   大尺寸
*/ 


// 栅格大小
$grid-size-0: 0px !default;
$grid-size-4: 12px !default;
$grid-size-8: 16px !default;
$grid-size-12: 20px !default;
$grid-size-16: 24px !default;
$grid-size-20: 32px !default;
$grid-size-24: 36px !default;
$grid-size-28: 40px !default;
$grid-size-32: 48px !default;
$grid-size-40: 64px !default;
$grid-size-48: 72px !default;
$grid-size-56: 80px !default;
$grid-size-64: 88px !default;
$grid-size-72: 96px !default;
$grid-size-80: 112px !default;
$grid-size-88: 120px !default;
$grid-size-96: 160px !default;
$grid-size-120: 184px !default;
$grid-size-144: 200px !default;
$grid-size-160: 224px !default;
$grid-size-176: 240px !default;
$grid-size-200: 280px !default;
$grid-size-240: 320px !default;
$grid-size-280: 400px !default;
$grid-size-320: 480px !default;

// 字体大小
$font-size-12: 16px !default;
$font-size-14: 20px !default;
$font-size-16: 24px !default;
$font-size-20: 28px !default;
$font-size-24: 32px !default;
$font-size-28: 36px !default;

// 间距大小
$grid-list: (
    0: $grid-size-0,
    4: $grid-size-4,
    8: $grid-size-8,
    12: $grid-size-12,
    16: $grid-size-16,
    20: $grid-size-20,
    24: $grid-size-24,
    28: $grid-size-28,
    32: $grid-size-32,
    40: $grid-size-40,
    48: $grid-size-64,
    56: $grid-size-56,
    64: $grid-size-64,
    72: $grid-size-72,
    80: $grid-size-80,
    88: $grid-size-88,
    96: $grid-size-96,
    120: $grid-size-120,
    144: $grid-size-144,
    160: $grid-size-160,
    176: $grid-size-176,
    200: $grid-size-200,
    240: $grid-size-240,
    280: $grid-size-280,
    320: $grid-size-320
);

// 字体大小
$font-size-list: (
    12: $font-size-12,
    14: $font-size-14,
    16: $font-size-16,
    20: $font-size-20,
    24: $font-size-24,
    28: $font-size-28
);