// 模板背景色
$theme-bg-color: #ebeef5 !default;
// 灰色，常用于边框颜色
$--color-gray: #dcdfe6 !default;
// 表格表头背景色
$--table-header-bg: #F7FAFF !default;
// 聚光UI自定义样式通用类名
$--ued-fpi-ui-class: 'ued-fpi-ui';

/*
*  超小尺寸
*/

// 栅格大小
$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-36: 36px !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-18: 18px !default;
$font-size-mini-20: 20px !default;
$font-size-mini-22: 22px !default;
$font-size-mini-24: 24px !default;
$font-size-mini-26: 26px !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,
    36: $grid-size-mini-36,
    40: $grid-size-mini-40,
    48: $grid-size-mini-48,
    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,
    18: $font-size-mini-18,
    20: $font-size-mini-20,
    22: $font-size-mini-22,
    24: $font-size-mini-24,
    26: $font-size-mini-26,
    28: $font-size-mini-28
);

/*
*  小尺寸
*/

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


// 字体大小
$font-size-small-12: 14px !default;
$font-size-small-14: 16px !default;
$font-size-small-16: 18px !default;
$font-size-small-18: 20px !default;
$font-size-small-20: 22px !default;
$font-size-small-22: 24px !default;
$font-size-small-24: 26px !default;
$font-size-small-26: 28px !default;
$font-size-small-28: 30px !default;

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

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

/*
*  中尺寸
*/

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

// 字体大小
$font-size-medium-12: 16px !default;
$font-size-medium-14: 18px !default;
$font-size-medium-16: 20px !default;
$font-size-medium-18: 22px !default;
$font-size-medium-20: 24px !default;
$font-size-medium-22: 26px !default;
$font-size-medium-24: 28px !default;
$font-size-medium-26: 30px !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-48,
    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,
    18: $font-size-medium-18,
    20: $font-size-medium-20,
    22: $font-size-medium-22,
    24: $font-size-medium-24,
    26: $font-size-medium-26,
    28: $font-size-medium-28
);

/*
*   大尺寸
*/ 


// 栅格大小
$grid-size-0: 0px !default;
$grid-size-4: 16px !default;
$grid-size-8: 20px !default;
$grid-size-12: 24px !default;
$grid-size-16: 28px !default;
$grid-size-20: 32px !default;
$grid-size-24: 36px !default;
$grid-size-28: 40px !default;
$grid-size-32: 48px !default;
$grid-size-36: 56px !default;
$grid-size-40: 64px !default;
$grid-size-48: 72px !default;
$grid-size-56: 80px !default;
$grid-size-64: 112px !default;
$grid-size-72: 120px !default;
$grid-size-80: 128px !default;
$grid-size-88: 136px !default;
$grid-size-96: 144px !default;
$grid-size-120: 192px !default;
$grid-size-144: 216px !default;
$grid-size-160: 232px !default;
$grid-size-176: 248px !default;
$grid-size-200: 320px !default;
$grid-size-240: 360px !default;
$grid-size-280: 400px !default;
$grid-size-320: 440px !default;

// 字体大小
$font-size-12: 18px !default;
$font-size-14: 20px !default;
$font-size-16: 22px !default;
$font-size-18: 24px !default;
$font-size-20: 26px !default;
$font-size-22: 28px !default;
$font-size-24: 30px !default;
$font-size-26: 32px !default;
$font-size-28: 34px !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-48,
    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,
    18: $font-size-18,
    20: $font-size-20,
    22: $font-size-22,
    24: $font-size-24,
    26: $font-size-26,
    28: $font-size-28
);