/* Element Chalk Variables */

/* Transition
-------------------------- */
$--transition-timing-function-base: cubic-bezier(0.645, 0.045, 0.355, 1) !default;
$--all-transition: all 0.3s $--transition-timing-function-base !default;
$--border-transition-base: border-color 0.2s $--transition-timing-function-base !default;
$--color-transition-base: color 0.2s $--transition-timing-function-base !default;

$--transition-timing-function-fade: cubic-bezier(0.23, 1, 0.32, 1) !default;
$--fade-linear-transition: opacity 0.2s linear !default;
$--fade-transition: opacity 0.3s $--transition-timing-function-fade !default;
$--md-fade-transition: transform 0.3s $--transition-timing-function-fade,
  opacity 0.3s $--transition-timing-function-fade !default;

/*-------------------------------- Theme color. start --------------------------------*/
$--color-white: #fff !default;
$--color-black: #000 !default;
$--color-brand: #FF3D4C !default;
$--color-custom-black: #2a2b2e !default;
$--color-grey-light: #E1E1E8 !default;
/* 主题色
-------------------------- */
$--color-primary: #2E75F5 !default;
$--color-primary-hover: mix($--color-white, $--color-primary, 15%) !default;              // PreValue: #4D8AF6
$--color-primary-active: #2D69D7 !default;      // PreValue: #085EFF

$--color-success: #00C38F !default;
$--color-warning: #F7AB00 !default;
$--color-danger: #FF3D4C !default;
$--color-info: #4d80f0 !default;
// other
$--color-info-1: #e4f1ff !default; // 轻info Alert
$--color-shadow: #646468 !default; // 阴影 card

/* 混色 等全部替换后统一删除
-------------------------- */
$--color-primary-mask: rgba($--color-primary, 0.1) !default;
$--color-primary-light-4: mix($--color-white, $--color-primary, 85%) !default;/* #EAF1FE */

/* 带透明度的主题色
-------------------------- */
$--color-success-lighter: #34D19D !default;
$--color-success-border-lighter: #C9F0E3 !default;
$--color-info-border-lighter: #D9E7FD !default;
$--color-info-lighter: #F2F7FE !default;
$--color-warning-lighter: #FFF9EC !default;
$--color-warning-border-lighter: #FFE5AC !default;
$--color-danger-lighter: #FFEFF0 !default;
$--color-danger-border-lighter: #F2E3E4 !default;
$--color-info-1-light: rgba($--color-info-1, 0.6) !default;

/* 中性色  文字、边框、背景、禁用等
-------------------------- */
// 边框线
$--color-text-primary: mix($--color-black, $--color-white, 100%) !default; // 重要文字 000
$--color-text-title: #2A2B2E !default; // 普通文字   - 正文表土、一般正文  2A2B2E
$--color-text-regular: #646468 !default; // 遮罩、次级文字  = 般正文 646468
$--color-text-secondary: #9A9A9F !default; // 辅助文字  - 次要信息、辅助文字  9A9A9F

/// color|1|Font Color|2
$--color-text-placeholder: #C6C6C6 !default;   // #A4A4A4

$--color-failure-border: #D2D2D4 !default; // 失效、默认提示文字、次级按钮边框线 #C6C6CC #A4A4A4
$--color-widget-border: #E1E1E8 !default; // 控件边框线 E1E1E8
$--color-divider: #EBEBF2 !default; // 分割线颜色 EBEBF2
$--color-bg: #F4F6FA !default; // 背景色、禁用填充色、表头填充  #F4F4F5
$--color-table-bg: #F2F2FA !default; // 表格边框
$--color-icon-close: #A4A4A4 !default; // 关闭按钮色

/* 带透明的遮罩层
-------------------------- */
$--color-text-regular-mask: rgba($--color-black, 0.65) !default;
$--color-widget-border-mask: $--color-text-regular !default;
$--color-white-mask: rgba($--color-white, 0.7) !default;
$--color-failure-mask: rgba($--color-black, 0.25) !default;
$--color-light-mask: rgba($--color-black, 0.1) !default;
$--color-bg-mask: #F4F4F5 !default; // 背景色、禁用填充色 F4F6FA
$--color-table-mask: #F2F2FA !default; // 表头填充 F2F2FA
$-color-text-custom-mask: rgba($--color-white, 1) !default;
/*-------------------------------- Theme color. end --------------------------------*/

/*-------------------------------- Theme color application function.  start --------------------------------*/
/* Background
-------------------------- */
$--background-color-base: $--color-bg !default;

/* Border
-------------------------- */
$--border-width-base: 1px !default;
$--border-style-base: solid !default;
$--border-color-base: $--color-failure-border !default;
$--border-color-light: $--color-divider !default;
$--border-color-gray-light: $--color-grey-light !default;

$--border-color-hover: $--color-failure-border !default;
$--border-base: $--border-width-base $--border-style-base $--border-color-base !default;
$--border-radius-base: 4px !default;
$--border-radius-small: 2px !default;
$--border-radius-circle: 100% !default;

/* Box-shadow
-------------------------- */
$--box-shadow-light: 0px 0px 10px 0px rgba($--color-widget-border-mask, 0.3) !default;

/* Font
-------------------------- */
$--font-path: "fonts" !default;
$--font-size-base: 14px !default;
$--font-size-small: 12px !default;
$--font-size-large: 20px !default;
$--font-weight-primary: 500 !default;
$--font-line-height-primary: 24px !default;
// 字体默认粗细
$--font-weight-medium: 500 !default;
$--font-weight-semibold: 700 !default;

/* Size
-------------------------- */
$--size-base: 14px !default;

/* z-index
-------------------------- */
$--index-normal: 1 !default;
$--index-top: 1000 !default;
$--index-popper: 2000 !default;

/* Disable base
-------------------------- */
$--disabled-fill-base: $--background-color-base !default;
$--disabled-color-base: $--color-failure-border !default;
$--disabled-border-base: $--border-color-light !default;

/*-------------------------------- Theme color application function.  end --------------------------------*/

/*-------------------------------- Components practical application.  start --------------------------------*/
/* Checkbox
-------------------------- */
$--checkbox-font-size: 14px !default;
$--checkbox-font-weight: $--font-weight-primary !default;
$--checkbox-font-color: $--color-text-title !default; // 文字颜色
$--checkbox-font-color-disabled: $--color-failure-border !default; // 文字禁用颜色
$--checkbox-default-theme-color: $--color-primary !default; // 默认选中样式

// 选中框状态
$--checkbox-size: 16px !default; // icon大小

$--checkbox-input-border-radius: 3px !default; // 圆角润度
$--checkbox-input-border-size: 1px solid !default; // 默认border线条
$--checkbox-input-border-color: $--color-widget-border !default; // 默认border颜色    // PreValue:$--color-widget-border
$--checkbox-input-border-color-hover: $--color-primary !default; // 选中背景颜色
$--checkbox-input-border-color-disabled: $--color-widget-border !default; // 选中背景颜色

$--checkbox-input-bg-color: $--color-white !default; // 默认背景颜色
$--checkbox-input-bg-color-checked: $--color-primary !default; // 选中背景颜色
$--checkbox-input-bg-color-disabled: $--color-divider !default; // 禁用背景颜色

$--checkbox-input-check-color: $--color-white !default; // 选中icon颜色
$--checkbox-input-check-color-disabled: $--color-failure-border !default; // 禁用选中状况icon颜色
$--checkbox-input-indeterminate-size: 12px !default; // 半选按钮尺寸
$--checkbox-input-indeterminate-color: $--color-white !default; // 半选按钮颜色
$--checkbox-input-indeterminate-bg-color: $--color-primary !default; // 半选背景颜色
$--checkbox-input-indeterminate-border-color: $--color-primary !default; // 半选边框颜色

// 按钮组合
$--checkbox-button-bg-default: $--color-white !default; // 默认的底色
$--checkbox-button-font-size: $--font-size-base !default; // 字体
$--checkbox-button-bg-color-checked: $--color-primary-light-4; // 选中背景颜色
$--checkbox-button-color-checked: $--color-primary !default; // 选中文字颜色
$--checkbox-button-border-color-checked: $--color-primary !default; // 选中边框颜色
$--checkbox-button-box-shadow: -1px 0 0 0 $--color-primary !default; // 选中边框颜色 PreValue:-1px 0 0 0 $--color-primary-light-4 !default
$--checkbox-botton-border-base: $--border-width-base $--border-style-base $--border-color-gray-light !default;

// 带边框组合
$--checkbox-bordered-padding: 7px 10px !default; // padding
$--checkbox-bordered-small-padding: 5px 10px !default; // 小尺寸padding
$--checkbox-bordered-small-input-height: 12px !default; // 宽
$--checkbox-bordered-small-input-width: 12px !default; // 高
$--checkbox-bordered-small-font-size: 12px !default; // 文字字号
$--checkbox-bordered-border-color-disabled: $--color-widget-border !default; // hover样式
$--checkbox-bordered-border-color-checked: $--color-primary !default; // 选中样式

/* Radio
-------------------------- */
$--radio-font-size: 14px !default;
$--radio-color: $--color-text-title !default;
$--radio-input-height: 16px !default;
$--radio-input-width: 16px !default;
$--radio-input-border-radius: $--border-radius-circle !default;
$--radio-botton-padding-vertical: 9px !default;
$--radio-botton-padding-horizontal: 9px !default;

$--radio-disabled-border-color: $--color-widget-border !default; // disabled 默认边框颜色
$--radio-disabled-fill: $--color-divider !default; // disabled 背景颜色
$--radio-disabled-text-color: $--color-failure-border !default; // disabled 文字颜色

$--radio-default-bg: $--color-white !default; // 默认的底色
$--radio-default-theme-color: $--color-primary !default; // 默认选中样式
$--radio-default-theme-color-light: $--color-primary-light-4;  // 背景色
$--radio-default-theme-hover-color: $--color-primary !default; // hover 颜色
$--radio-default-fill: $--color-white !default; // 默认白色背景

$--radio-bordered-padding: 7px 10px !default;
$--radio-bordered-small-padding: 5px 10px !default;
$--radio-bordered-small-input-height: 12px !default;
$--radio-bordered-small-input-width: 12px !default;
$--radio-botton-border-base: $--border-width-base $--border-style-base $--border-color-gray-light !default;
$--radio-botton-small-padding-vertical: 4px !default;
$--radio-botton-small-padding-horizontal: $--radio-botton-padding-horizontal !default;

/* Input
-------------------------- */
$--input-height: 32px !default;
$--input-font-size: 14px !default; // 默认字号
$--input-padding: 0 10px !default;
$--input-padding-mini: 26px !default;
$--input-border: 1px solid !default; // 输入框边框尺寸
$--input-border-radius: 4px !default;

$--input-font-color: $--color-text-title !default; // 输入框字体默认颜色
$--input-font-color-limit: $--color-failure-border !default; // 输入框字体默认颜色
$--input-font-color-not-empty: $--color-text-title !default; // 输入框有文字时颜色  // PreValue: $--color-text-secondary
$--input-bg-color: $--color-white !default; // 默认背景颜色
$--input-shadow-color-focus: $--color-info-1 !default; // 激活阴影颜色
$--input-border-color: $--color-widget-border !default; // 边框颜色
$--input-border-color-focus: $--color-primary !default; // avctive 边框颜色
$--input-border-color-hover: $--color-text-regular !default; // hover边框颜色
$--input-border-color-disabled: $--color-widget-border !default; // 禁用边框色
$--input-border-color-error: $--color-danger !default; // 禁用字体色
$--input-placeholder-color: $--color-text-placeholder !default; // placeholder字体颜色  PreValue: $--color-text-secondary

$--input-clear-color: $--color-text-placeholder !default; // 关闭按钮默认颜色  PreValue: $--color-failure-border
$--input-clear-color-hover: $--color-failure-border !default; // 关闭按钮hover颜色

$--input-bg-color-disabled: $--color-bg !default; // 禁用背景颜色
$--input-font-color-disabled: $--color-failure-border !default; // 禁用字体色
$--input-disabled-placeholder-color: $--color-failure-border !default;

$--input-bg-color-fix: $--color-table-bg !default; // 禁用背景颜色
$--input-font-color-fix: $--color-text-regular !default; // 禁用字体色

$--input-small-height: 26px !default;
$--input-small-font-size: 12px !default; // small input字号
$--input-mini-height: 24px !default;
$--input-mini-font-size: 12px !default; // mini input字号
$--input-medium-font-size: $--input-font-size !default;
$--input-large-height: 40px !default;
$--input-medium-font-size: $--input-font-size !default;
$--input-medium-height: $--input-height !default;

/* Select
-------------------------- */
$--select-height: $--input-medium-height !default; // 选择框高度
$--select-height-small: $--input-small-height !default; // 小号选择框高度
$--select-border-radius: 4px !default; // 圆角润度
$--select-font-size: $--input-medium-font-size !default; // 默认字号
$--select-font-weight-selected: $--font-weight-semibold !default; // 选中文字粗细
$--select-font-color: $--color-text-title !default; // 默认颜色
$--select-font-color-disabled: $--color-widget-border !default; // 禁用文字颜色

$--select-group-padding: 20px !default; // 下拉选框组padding
$--select-group-font-color: $--color-text-secondary !default; // 下拉选框组字体颜色

$--select-dropdown-max-height: 274px !default; // 单个ul最大高
$--select-dropdown-bg-color: $--color-white !default; // 下拉框背景颜色
$--select-dropdown-box-shadow: 0px 4px 18px 0px rgba(42, 43, 46, 0.1) !default; // 下拉框边框阴影
$--select-dropdown-padding-empty: 10px !default; // 空时padding
$--select-dropdown-font-color-empty: $--color-failure-border !default; // 为空时字体颜色

$--select-option-choose-size: 12px !default; // 选中icon尺寸
$--select-option-bg-color: $--color-white !default; // 单个option背景颜色
$--select-option-bg-color-hover: $--color-bg !default; // 单个option hover 状态背景颜色
$--select-option-font-color-disabled: $--color-failure-border !default; // 禁用文字颜色
$--select-option-font-color-selected: $--color-primary !default; // 选中文字颜色

$--select-input-border-color: $--input-border-color !default; // 搜索框边框颜色
$--select-input-border-size: 1px solid !default; // 搜索框边框尺寸
$--select-input-border-color-hover: $--input-border-color-hover !default; // 搜索框边框hover
$--select-input-border-color-focus: $--input-border-color-focus !default; // 搜索框边框focus
$--select-input-border-color-disabled: $--input-border-color-disabled !default; // 搜索框边框focus

$--select-input-arrow-color: $--color-text-secondary !default; // 搜索框三角颜色
$--select-input-arrow-size: 26px !default; // 搜索框三角 hover 颜色   PreValue: 20px
$--select-input-arrow-color-disabled: $--color-failure-border !default; // 搜索框三角颜色focus

$--select-input-close-size: 16px !default; // 搜索框关闭icon尺寸
$--select-input-close-color: $--input-clear-color !default; // 搜索框关闭icon颜色
$--select-input-close-color-hover: $--input-clear-color-hover !default; // 搜索框关闭icon hover 颜色
$--select-input-box-shadow-focus: 0px 0px 0px 2px $--color-info-1 !default; // 搜索框边框focus阴影

/* Alert
-------------------------- */
$--alert-text-font-size: 12px !default; // 描述文字字号
$--alert-title-font-size: 14px !default; // 标题文字字号
$--alert-padding: 6px 10px 6px 20px !default; // padding    PreValue: 6px 10px 6px 20px
$--alert-padding-desc: 15px 60px 15px 30px !default; // 带描述的padding   PreValue: 10px 10px 10px 30px
$--alert-border-radius: 4px !default; // 左侧线条边圆
$--alert-icon-size: 16px !default; // 普通图标尺寸
$--alert-icon-large-size: 28px !default; // 左侧大图尺寸

$--alert-success-border--color: #C9F0E3 !default; // 成功 边框颜色
$--alert-success-bg--color: rgba(52,209,157,0.1) !default; // 成功 背景颜色
$--alert-info-border--color: #D9E7FD !default; // info 边框颜色
$--alert-info-bg--color: #F2F7FE !default; // info 背景颜色
$--alert-warning-border--color: #FFE5AC !default; // 警告 边框颜色
$--alert-warning-bg--color: #FFF9EC !default; // 警告 背景颜色
$--alert-danger-border--color: #F2E3E4 !default; // 危险边框颜色
$--alert-danger-bg--color: #FFEFF0 !default; // 危险背景颜色
$--alert-closebtn--color: #979797 !default; // 关闭按钮颜色
$--alert-font--color: rgba(0, 0, 0, 0.85) !default; // 文字颜色

$--alert-success-icon--color: $--color-success !default; // 成功 图标颜色
$--alert-info-icon--color: $--color-info !default; // info 背景颜色
$--alert-warning-icon--color: $--color-warning !default; // 警告 图标颜色
$--alert-danger-icon--color: $--color-danger !default; // 危险 图标颜色

/* Autocomplete
-------------------------- */
$--autocomplete-border-radius: 2px !default; // 圆角润度
$--autocomplete-loading-size: 20px !default; // 加载尺寸
$--autocomplete-border-size: 1px solid !default; // border粗细
$--autocomplete-box-shadow: 0px 0px 10px 0px rgba($--color-widget-border-mask, 0.15) !default; // 阴影

$--autocomplete-border-color: $--color-divider !default; // 默认边框颜色
$--autocomplete-font-color: $--color-text-regular !default; // 字体颜色
$--autocomplete-loading-color: $--color-text-secondary !default; // loading 颜色
$--autocomplete-bg-color: $--color-white !default; // 默认背景颜色
$--autocomplete-bg-color-hover: $--color-bg !default; // hover背景颜色
$--autocomplete-border-color-divider: $--color-text-title !default; // 上部边框颜色

/* Breadcrumb
-------------------------- */
$--breadcrumb-font-size: 12px !default; // 描述文字字号
$--breadcrumb-font-color: $--color-text-title !default; // 描述文字默认颜色
$--breadcrumb-font-color-hover: $--color-primary-hover !default; // hover 文字颜色
$--breadcrumb-font-color-active: $--color-primary-active !default; // active 文字颜色
$--breadcrumb-font-color-last: $--color-failure-border !default; // 最后一个位置字号
$--breadcrumb-color-transition: $--color-transition-base !default; // 颜色变化动画

/* progress
-------------------------- */
$--progress-text-font-size: 12px !default; // 默认文字大小
$--progress-icon-size: 16px !default; // 图标字号
$--progress-text-color-inner: $--color-white !default; // 进度条内部文字颜色
$--progress-text-color: $--color-text-regular !default; // 默认文字颜色
$--progress-success-theme--color: $--color-success !default; // 成功颜色
$--progress-primary-theme--color: $--color-primary !default; // 加载中颜色
$--progress-danger-theme--color: $--color-danger !default; // 危险颜色
$--progress-default-bg: $--color-divider !default; // 默认背景颜色

/* Message Box
-------------------------- */
$--msgbox-min-width: 450px !default;
$--msgbox-max-width: 1100px !default;
$--msgbox-min-height: 142px !default;
$--msgbox-max-height: 560px !default;
$--msgbox-border-radius: $--border-radius-base !default;
$--msgbox-font-size: $--font-size-large !default;
$--msgbox-content-font-size: $--font-size-base !default;
$--msgbox-error-font-size: 12px !default;
$--msgbox-padding-primary: 15px !default;
$--msgbox-padding-title: 9px 15px !default;

$--msgbox-success-color: $--color-success !default; // 成功icon
$--msgbox-info-color: $--color-primary !default; // 信息
$--msgbox-warning-color: $--color-warning !default; // 警告
$--msgbox-error-color: $--color-danger !default; // 错误
$--msgbox-hover-color: $--color-primary-hover !default; // hover
$--msgbox-tip-color: $--color-text-secondary !default; // tip 颜色
$--msgbox-bg-color: $--color-white !default; // 背景颜色
$--msgbox-close-color: #979797 !default; // 关闭按钮

$--msgbox-header-height: 60px !default;
$--msgbox-font-color: $--color-text-title !default;
$--msgbox-header-border-color: $--color-widget-border !default;
$--msgbox-header-bg-color: #fff !default;
$--msgbox-header-font-weight: $--font-weight-medium !default;

/* Message
-------------------------- */
$--message-padding: 12px 20px !default; // 外部padding
$--message-padding-mini: 10px 10px !default; // mini 模式外部padding
$--message-icon-size: 32px !default; // 正常情况下图标尺寸
$--message-icon-size-mini: 16px !default; // mini模式图标尺寸
$--message-title-font-size: 14px !default; // 描述字体、mini模式文字字体
$--message-text-font-size: 12px !default; // 描述字体、mini模式文字字体
$--message-border-radius: $--border-radius-base !default; // 正常情况下图标尺寸

$--message-default-bg: $-color-text-custom-mask !default; // 默认背景颜色
$--meessage-default-bs: 0px 4px 18px 0px rgba(42,43,46,0.1); // box-shadow
$--message-text-color: $--color-custom-black !default; // 关闭按钮颜色
$--message-close-color: $--color-failure-border !default; // 关闭按钮颜色
$--message-bg-light: $--color-white !default; // 亮色主题：默认背景颜色
$--message-bg-dark: rgba($--color-black, 0.7) !default; // 暗色主题
$--message-text-color-light: $--color-text-title !default; // 亮色主题
$--message-text-color-dark: $--color-white !default; // 暗色主题
$--message-close-color: $--color-icon-close !default; // 关闭按钮颜色
$--message-close-size: 12px !default; // 关闭按钮大小
$--message-close-hover-color: $--color-text-secondary !default; // 关闭按钮hover
$--message-success-color: $--color-success !default;
$--message-info-color: $--color-info !default;
$--message-warning-color: $--color-warning !default;
$--message-danger-color: $--color-danger !default;
$--message-box-shadow: 0px 4px 18px 0px rgba($--color-text-primary, 0.1) !default;

/* Notification
-------------------------- */
$--notification-width: 280px !default;
$--notification-padding: 15px 31px 15px 20px !default;
$--notification-radius: 2px !default;
$--notification-shadow: 0px 4px 18px 0px rgba(42,43,46,0.1) !default; // 阴影
$--notification-icon-size: 32px !default; // 左侧大图标尺寸
$--notification-group-margin: 10px !default; // 文字距离左侧图标相对位移
$--notification-font-size: 12px !default; // 通知文字字体大小
$--notification-color: $--color-text-secondary !default; // 通知普通文字颜色
$--notification-title-color: $--color-text-title !default; // 通知标题字体颜色
$--notification-close-color: $--color-text-secondary !default; // 关闭按钮颜色
$--notification-close-hover-color: $--color-text-regular !default; // 关闭按钮hover颜色

$--notification-success-color: $--color-success !default;
$--notification-info-color: $--color-info !default;
$--notification-warning-color: $--color-warning !default;
$--notification-danger-color: $--color-danger !default;

/* Input Number
-------------------------- */
$--input-number-width: 120px !default;
$--input-number-height: 32px !default;
$--input-number-small-height: 24px !default;
$--input-number-font-size: 12px !default;
$--input-number-border-radius: 4px !default;

$--input-number-font-color: $--color-text-regular !default; // 默认 + - 颜色
$--input-number-font-color-disabled: $--color-failure-border !default; // 默认 + - 颜色
$--input-number-decrease-color-disabled: $--color-failure-border !default; // 默认 + - 颜色

$--input-number-border-color: $--color-widget-border !default; // 默认边框颜色
$--input-number-border-color-disabled: $--color-widget-border !default; // 禁用边框颜色
$--input-number-border: 1px solid $--input-number-border-color !default; // 默认边框颜色
$--input-number-border-color-hover: #96BAFA !default; // 默认hover颜色
$--input-number-border-color-active: #6C9EF8 !default; // 默认激活颜色
$--input-number-bg-color: $--color-white !default; // 默认背景颜色
$--input-number-bg-color-disabled: $--color-bg !default; // 禁用状态下背景颜色
$--input-number-bg-color-active: #EAF1FE !default; // 默认激活颜色

/* Cascader
-------------------------- */
$--cascader-font-size: 12px !default; // 默认字号
$--cascader-height: 30px !default; // 默认高
$--cascader-small-height: 26px !default; // mini级联高
$--cascader-min-width: 106px !default; // 每一个单列菜单的最小宽
$--cascader-min-height: 168px !default; // 每一个单列的最小高
$--cascader-padding: 10px !default; // padding
$--cascader-arrow-size: 26px !default; // 三角按钮尺寸     Prevalue: 20px
$--cascader-arrow-color: $--color-text-secondary !default; // 三角按钮颜色

$--cascader-menu-font-color: rgba(0,0,0,0.85) !default;
$--cascader-menu-selected-font-color: $--color-primary !default;
$--cascader-menu-fill: $--color-white !default;
$--cascader-menu-font-size: 12px !default;
$--cascader-menu-radius: 4px !default;
$--cascader-menu-border: solid 1px #EBEBF2 !default;
$--cascader-menu-shadow: 0 0 3px 0 rgba(0, 0, 0, .1) !default;

$--cascader-node-background-hover: #F4F6FA !default;
$--cascader-node-color-disabled: rgba(0, 0, 0, .25) !default;
$--cascader-color-empty: #C6C6CC !default;
$--cascader-tag-background: #f0f2f5;

/* Group
-------------------------- */
$--group-option-flex: 0 0 (1/5) * 100% !default;
$--group-option-offset-bottom: 12px !default;
$--group-option-fill-hover: rgba($--color-black, 0.06) !default;
$--group-title-color: $--color-black !default;
$--group-title-font-size: $--font-size-base !default;
$--group-title-width: 66px !default;

/* Tabs
-------------------------- */
// 通用
$--tabs-font-weight-active: $--font-weight-semibold !default; // 激活 字体粗细 通用
$--tabs-font-color: $--color-text-title !default;
$--tabs-border-radius: 2px !default; // border 圆角润度
$--tabs-border-color: $--color-widget-border !default; // 边框线颜色
$--tabs-border-size: 1px solid !default; // 边框线
$--tabs-default-disabled-color: $--color-failure-border !default; // 禁用主题色
$--tabs-theme-primary-hover: $--color-primary-hover !default; // 默认 hover 色
$--tabs-theme-primary-active: $--color-primary !default; // 默认 active 色

$--tabs-bar-1-active: 2px !default; // 一级tab 激活边框 粗细
$--tabs-bar-2-active: 2px !default; // 二级tab 激活边框 粗细

$--tabs-font-size-1: 14px !default; // 一级tab字号
$--tabs-font-size-2: 14px !default; // 二级tab字号
$--tabs-font-size-3: 14px !default; // 三级tab字号

$--tabs-height-1: 36px !default; // 一级高度   PreValue: 30px
$--tabs-height-2: 36px !default; // 二级高度   PreValue: 30px
$--tabs-height-3: 36px !default; // 三级高度   PreValue: 30px

$--tabs-padding-1: 0 15px !default; // 一级tab 每个tab默认padding
$--tabs-padding-2: 0 15px !default; // 二级tab 每个tab默认padding
$--tabs-padding-3: 0 15px !default; // 三级tab 每个tab默认padding

$--tabs-bg-color-1: $--color-table-bg !default; // 一级菜单背景颜色
$--tabs-bg-color-1-active: $--color-white !default; // 一级tab点击后 背景颜色
$--tabs-bg-color-3: $--color-white !default; // 二级菜单背景颜色

$--tabs-transition-timing-function-1: $--transition-timing-function-base !default; // 默认动画时间函数
$--tabs-offset-out-2: 20px !default; // 二级tab 最左侧与外部的距离

/* Button
-------------------------- */
$--button-font-size: 14px !default;
$--button-font-weight: 400 !default;
$--button-border-radius: $--border-radius-base !default;
$--button-padding-vertical: 8px !default; // 10
$--button-padding-horizontal: 19px !default; // 25

$--button-large-font-size: 14px !default;
$--button-large-border-radius: $--border-radius-base !default;
$--button-large-padding-vertical: 12px !default;
$--button-large-padding-horizontal: 24px !default;

$--button-medium-font-size: 14px !default;
$--button-medium-border-radius: $--border-radius-base !default;
$--button-medium-padding-vertical: 8px !default;
$--button-medium-padding-horizontal: 19px !default;

$--button-small-font-size: 12px !default;
$--button-small-border-radius: $--border-radius-base !default;
$--button-small-padding-vertical: 4px !default;
$--button-small-padding-horizontal: 14px !default;

$--button-mini-font-size: 12px !default;
$--button-mini-border-radius: $--border-radius-base !default;
$--button-mini-padding-vertical: 6px !default;
$--button-mini-padding-horizontal: 15px !default;

$--button-default-color: $--color-text-title !default;
$--button-default-fill: $--color-white !default;
$--button-default-border: $--border-color-base !default;
$--button-default-hover-color: $--color-primary-hover !default; // 主要、功能、次要 的通用 hover 主题（边框 + 背景）颜色
$--button-default-active-color: $--color-primary-active !default; // 主要、功能、次要 的通用 active 主题（边框 + 背景）颜色 PreValue: $--color-primary-active
$--button-default-disabled-color: $--color-failure-border !default; // 主要、功能、次要 的通用 disabled 主题（边框 + 文字）颜色
$--button-default-disabled-border-color: #C6C6CC !default; // 主要、功能、次要 的通用 disabled 主题（边框 + 文字）颜色   // PreValue: $--color-failure-border
$--button-disabled-bg-color: #F4F4F5 !default; // disabled 通用背景颜色      // PreValue: $--background-color-base
$--button-disabled-text-color: #C6C6CC !default; // disabled 文字按钮颜色        // PreValue: $--color-failure-border
$--button-themes-font-color: $--button-default-fill !default; // 展示模式下按钮字体颜色（背景颜色）

$--button-primary-theme--color: $--color-primary !default; // 主要按钮样式主题颜色
$--button-success-theme--color: $--color-success !default; // 成功按钮样式主题颜色
$--button-warning-theme--color: $--color-warning !default; // 警告按钮样式主题颜色
$--button-danger-theme--color: $--color-danger !default; // 危险按钮样式主题颜色
$--button-info-theme--color: $--color-info !default; // 信息按钮样式主题颜色

$--button-loading-primary-icon-color: $--color-white !default; // 加载中按钮背景颜色
$--button-loading-icon-size: 16px !default; // 加载中按钮背景颜色
$--button-mini-loading-icon-size: 14px !default; // 加载中按钮背景颜色

$--button-hover-tint-percent: 20% !default;
$--button-active-shade-percent: 10% !default;

/* cascader
-------------------------- */
$--cascader-height: 200px !default;

/* Switch
-------------------------- */
$--switch-width: 40px !default; // 滑块宽
$--switch-height: 24px !default; // 滑块高度
$--switch-font-size: 12px !default; // 默认字体大小
$--switch-circle-size: 20px !default; // 圆形按钮尺寸
$--switch-core-border-radius: 12px !default; // 圆角润度
$--switch-circle-offset: 2px !default; // 圆形按钮与外侧距离
$--switch-font-offset: 8px !default; // 内部文字与外侧距离
$--switch-font-offset-outside: 10px !default; // 外部文字与外侧距离
$--switch-font-color-label: $--color-text-secondary !default; // 左侧关闭按钮颜色

$--switch-bg-color-off: $--color-widget-border !default; // 关闭时 默认背景颜色
$--switch-bg-color-on: $--color-primary !default; // 开启时 默认背景颜色
$--switch-bg-color-disabled: $--color-divider !default; // 禁用时 默认背景颜色颜色
$--switch-on-bg-color-disabled: #D5E3FD !default; // 禁用时 开启时 默认背景颜色颜色
$--switch-border-color-off: $--color-failure-border !default; // 禁用时 默认背景颜色颜色
$--switch-border-color-disabled: $--color-widget-border !default; // 禁用时 默认背景颜色颜色
$--switch-circle-color: $--color-white !default; // 圆形按钮背景颜色
$--switch-circle-bg-color-disabled: $--color-table-bg !default; // 禁用时 圆形按钮背景颜色
$--switch-on-circle-bg-color-disabled: $--color-white !default; // 禁用时 开启圆形按钮背景颜色
$--switch-font-color: $--color-white !default; // 开关内部默认文字颜色
$--switch-font-color-disabled: $--color-text-secondary !default; // 禁用时 默认背景颜色颜色
$--switch-font-color-out-off: $--color-text-title !default; // 关闭时 外侧文字颜色
$--switch-font-color-out-on: $--color-primary !default; // 开启时 外侧文字颜色

/* Dialog
-------------------------- */
$--dialog-min-width: $--msgbox-min-width !default;
$--dialog-max-width: $--msgbox-max-width !default;
$--dialog-min-height: $--msgbox-min-height !default;
$--dialog-max-height: $--msgbox-max-height !default;
$--dialog-line-height: $--font-line-height-primary !default;
$--dialog-close-hover-color: $--color-primary-hover !default;
$--dialog-close-color: $--color-text-secondary !default;
$--dialog-title-height: 38px !default;
$--dialog-title-font-size: $--font-size-large !default;
$--dialog-title-bg-color: #fff !default;
$--dialog-title-color: $--color-text-title !default;
$--dialog-title-border-color: $--color-widget-border !default;
$--dialog-font-size: $--font-size-small !default;
$--dialog-font-color: $--color-text-regular !default;
$--dialog-padding-primary: 15px !default;
$--dialog-padding-footer: 15px 20px !default;       // PreValue: 20px 30px
$--dialog-bg-color: $--color-white !default;
$--dialog-scrollbar-bg-color: $--color-text-secondary !default;

$--dialog-background-color: $--color-white !default;
$--dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default;
$--dialog-footer-box-shadow: 0 -4px 5px #d7dde4 !default;
$--dialog-scrollbar-box-shadow: inset 0 0 6px rgba($--color-text-primary, 0.3) !default;

/* divider
-------------------------- */
$--dialog-line-height: $--font-line-height-primary !default;
/* Table
-------------------------- */
$--table-height: 40px !default; // 高度
$--table-font-size: 14px !default;
$--table-font-size-small: 12px !default;
$--table-arrow-size: 4px !default;
$--table-arrow-offset: 10px !default;

$--table-bg-color: $--color-white !default; // 默认背景颜色
$--table-active-color: $--color-primary !default; // 激活颜色
$--table-hover-color: $--color-primary-hover !default; // hover颜色
$--table-hover-bg-color: $--color-bg-mask !default; // :hover 背景颜色

$--table-font-color: $--color-text-title !default; // 字体颜色
$--table-font-color-disabled: $--color-failure-border !default; // 禁用颜色
$--table-text-color: $--color-text-regular !default; // table内容文字
$--table-header-font-color: $--color-text-title !default; // 表头字体
$--table-header-bg-color: $--color-bg !default; // 表头背景

$--table-filter-icon-color: $--color-text-secondary !default; // 过滤icon颜色
$--table-icon-color: $--color-text-secondary !default; // icon颜色
$--table-icon-uncheck-color: $--color-failure-border !default; // icon颜色

$--table-border-color: $--color-table-bg !default; // 边框颜色
$--table-border: 1px solid $--table-border-color !default; // 边框

$--table-box-shadow: 0px 0px 5px 0px rgba($--color-text-primary, 0.2) !default; // 阴影
$--table-fixed-box-shadow: 0px -10px 10px 0px rgba(42, 43, 46, 0.2) !default;
$--table-fixed-box-shadow-right: 0px -10px 10px 0px rgba(42, 43, 46, 0.2) !default;

/* Pagination
-------------------------- */
$--pagination-width: 30px !default; // 默认宽
$--pagination-height: 30px !default; // 默认高
$--pagination-font-size: 12px !default; // 字号
$--pagination-padding: 2px 5px !default; // padding
$--pagination-border-radius: 2px !default; // 圆角润度

$--pagination-select-width: 82px !default; // 下拉框宽
$--pagination-select-height: 30px !default; // 下拉框高

$--pagination-small-width: 30px !default; // small 模式宽
$--pagination-small-input-width: 42px !default; // small 模式input宽
$--pagination-small-height: 26px !default; // small 模式高

$--pagination-font-color: $--color-text-title !default; // 默认字体颜色
$--pagination-font-color-more: $--color-text-regular !default; // 默认折叠按钮 字体颜色
$--pagination-font-color-disabled: $--color-failure-border !default; // 禁用字体颜色

$--pagination-bg: $--color-white !default; // 默认 背景颜色
$--pagination-border: $--color-widget-border !default; // border默认 背景颜色
$--pagination-bg-hover: $--color-primary-hover !default; // hover 背景颜色
$--pagination-bg-active: $--input-number-bg-color-active !default; // hover 背景颜色
$--pagination-bg-linked: $--color-primary !default; // hover 背景颜色
$--pagination-bg-disabled: $--color-white !default; // 禁用情况 背景颜色
$--pagination-border-hover: #96BAFA !default; // hover border 颜色
$--pagination-border-active: #6C9EF8 !default; // hover border 颜色
$--pagination-border-linked: $--color-primary !default; // hover border 颜色

/* Popover
-------------------------- */
$--popover-arrow-size: 6px !default;
$--popover-padding: 10px !default;
$--popover-padding-large: 18px 20px !default;
$--popover-font-size: $--font-size-base !default;
$--popover-font-color: $--color-text-title !default;
$--popover-bg-color: $--color-white !default;
$--popover-border-color: $--border-color-light !default;
$--popover-title-font-size: 16px !default;
$--popover-title-color: $--color-text-title !default;
$--popover-drop-shadow: 0 2px 12px rgba($--color-text-primary, 0.03) !default;
$--popover-box-shadow: $--box-shadow-light !default;

/* Tooltip
-------------------------- */

$--tooltip-font-size: 12px !default; // 默认字体大小
$--tooltip-font-color-light: $--color-text-title !default; // 白色风格字体颜色
$--tooltip-theme-color-light: $--color-white !default; // 白色风格主题色
$--tooltip-default-bg: $--color-text-regular-mask !default; // 背景颜色
$--tooltip-btn-color: $--color-primary !default; // 背景颜色
$--tooltip-box-shadow: 0px 0px 6px 0px rgba($--color-widget-border-mask, 0.15) !default; // 阴影
$--tooltip-arrow-size: 8px !default; // 尖角宽 4px 是尖角高
$--tooltip-arrow-color: $--color-white !default; // 尖角颜色
$--tooltip-arrow-offset: 5px !default; // 尖角距离插槽位置
$--tooltip-closebtn-width: 10px !default; // 关闭按钮宽度
$--tooltip-closebtn-size: 9px !default; // 关闭按钮尺寸
$--tooltip-closebtn-offset: 10px !default; // 关闭按钮距右距离
$--tooltip-closebtn-color: $--color-text-placeholder !default;
$--tooltip-text-closebtn-offset: 3px !default; // 文字与关闭按钮距离
$--tooltip-border-radius: 4px !default; // 变宽个圆角润度
$--tooltip-padding: 8px !default; // padding
$--tooltip-max-width: 424px !default; // 最大
$--tooltip-min-width: 20px !default; // padding
$--tooltip-max-height: 200px !default;

/* Tag
-------------------------- */
$--tag-padding: 0 8px !default; // 外部padding
$--tag-padding-closeble: 0 21px 0 5px !default; // 带关闭按钮状态下的padding
$--tag-padding-closeble-medium: 0 21px 0 10px !default; // 中等 带关闭按钮状态下的padding
$--tag-text-font-size: 12px !default; // 默认字体
$--tag-border-radius: 4px !default;
$--tag-height: 20px !default;

$--tag-default-bg: $--color-white !default; // 标签默认背景颜色
$--tag-default-hover-bg: $--color-widget-border !default; // 标签默认背景颜色
$--tag-border-color: $--color-text-title !default; // 普通标签 边框+文字颜色
$--tag-border-hover-color: $--color-failure-border !default; // 边框hover颜色

$--tag-closebtn-color: $--color-text-secondary !default; // 关闭按钮颜色
$--tag-closebtn-border-color: $--color-widget-border !default; // 关闭模式下 边框颜色
$--tag-closebtn-bg: $--color-bg !default; // 关闭模式下 背景颜色
$--tag-closebtn-hover-color: $--color-text-regular !default; // 关闭按钮颜色

$--tag-primary-theme--color: $--color-primary !default; // 主题颜色
$--tag-success-theme--color: $--color-success !default; // 成功主题颜色
$--tag-warning-theme--color: $--color-warning !default; // 警告主题颜色
$--tag-danger-theme--color: $--color-danger !default; // 危险主题颜色
$--tag-info-theme--color: $--color-info !default; // 信息主题颜色

/* Tree
-------------------------- */
$--tree-font-size: 12px !default; // 默认字体
$--tree-caret-size: 12px !default; // 默认字体
$--tree-icon-size: 20px !default; // 默认字体
$--tree-width: 28px !default; // 默认字体
$--tree-height: 28px !default; // 默认字体

$--tree-bg-color: $--color-white !default; // 默认背景颜色
$--tree-bg-color-highlight: $--color-info-1-light !default; // 默认背景颜色
$--tree-font-color: $--color-text-title !default; // 默认文字颜色
$--tree-font-color-hover: $--color-primary-hover !default; // 文字hover
$--tree-font-color-active: $--color-primary !default; // 文字激活颜色
$--tree-font-color-disabled: $--color-failure-border !default; // 禁用文字颜色
$--tree-font-color-empty: $--color-failure-border !default; // 为空时展示文字

$--tree-icon-color: $--color-text-secondary !default; // 默认图标颜色（左侧）
$--tree-icon-color-active: $--color-text-regular !default; // 图标激活
$--tree-icon-color-disabled: $--color-failure-border !default; // 图标禁用
$--tree-drop-bg-color: $--color-primary !default; // 拖拽背景颜色
$--tree-drop-font-color: $--color-white !default; // 拖拽文字

$--tree-pane-bg-color: $--color-bg !default; // 默认背景颜色
$--tree-pane-border: 2px solid $--color-widget-border !default; // 方形按钮边框
$--tree-pane-border-color: $--color-widget-border !default; // 方形按钮边框
$--tree-pane-border-color-disabled: $--color-failure-border !default; // 边框禁用颜色
$--tree-pane-border-color-hover: $--color-text-secondary !default; // 边框hover
$--tree-pane-icon-color: $--color-text-secondary !default; // icon颜色
$--tree-pane-icon-color-hover: $--color-text-secondary !default; // 图标icon颜色

/* Dropdown
-------------------------- */
$--dropdown-padding: 5px !default; // 默认间距
$--dropdown-max-height: 114px !default; // 最大高
$--dropdown-min-width: 150px !default; // 最小宽
$--dropdown-font-size: 12px !default; // 字号
$--dropdown-font-weight-selected: $--font-weight-semibold !default; // 选中文字粗细
$--dropdown-font-color: $--color-text-title !default; // 文字颜色
$--dropdown-font-color-selected: $--color-primary !default; // 选中文字颜色
$--dropdown-font-color-disabled: $--color-failure-border !default; // 禁用文字颜色
$--dropdown-scrollbar-color: $--color-text-secondary !default; // 图标颜色
$--dropdown-bg-color: $--color-white !default; // 背景颜色

$--dropdown-poper-box-shadow: 0px 0px 3px 0px $--color-light-mask !default; // poper阴影
$--dropdown-poper-offset: 8px !default; // popover间距

$--dropdown-item-height: 30px !default; // 默认 item 高
$--dropdown-item-bg-color-hover: $--color-bg !default; // 单个itemhover背景颜色

$--dropdown-mini-divided-offset: 3px !default; // mini divided 距离
$--dropdown-small-divided-offset: 4px !default; // small divided 距离
$--dropdown-medium-divided-offset: 6px !default; // medium divided 距离
$--dropdown-divided-offset: 6px !default; // divided 距离
$--dropdown-divided-border-color: $--color-divider !default; // divided边框颜色
/* Badge
-------------------------- */
$--badge-height: 12px !default; // 高度
$--badge-font-size: 12px !default; // 字号
$--badge-dot-size: 8px !default; // 点尺寸
$--badge-radius: 10px !default; // 外部圆角润度
$--badge-padding: 2px 5px !default;
$--badge-border-size: 1px solid !default;

$--badge-font-color: $--color-white !default;
$--badge-border-color: $--color-white !default;
$--badge-primary-theme--color: $--color-primary !default; // 主题颜色
$--badge-success-theme--color: $--color-success !default; // 成功主题颜色
$--badge-warning-theme--color: $--color-warning !default; // 警告主题颜色
$--badge-danger-theme--color: $--color-danger !default; // 危险主题颜色
$--badge-info-theme--color: $--color-info !default; // 信息主题颜色

/* Card
--------------------------*/
$--card-font-size: 12px !default; // 默认 body 内容字号
$--card-font-size-title: 14px !default; // 标题字号
$--card-font-weight-title: $--font-weight-medium !default; // 字体粗细
$--card-padding: 20px !default;
$--card-padding-normal: 10px !default;
$--card-border-size: 1px solid !default; // 边框粗细
$--card-box-shadow: 0px 0px 4px 0px $--color-divider !default; // 阴影

$--card-font-color-title: $--color-text-title !default; // 标题字体颜色
$--card-font-color: $--color-text-regular !default; // body 字体颜色
$--card-button-color: $--color-primary !default; // 按钮颜色
$--card-button-color-hover: $--color-primary-hover !default; // :hover 按钮颜色
$--card-border-color: $--color-divider !default; // 边框颜色
$--card-default-bg: $--color-white !default; // 默认背景颜色
$--card-intensify-bg: $--color-bg !default; // 强标题背景颜色  PreValue: $--color-table-bg  $--color-bg-mask

/* Slider
--------------------------*/
$--slider-height: 4px !default;
$--slider-border-radius: 4px !default;
$--slider-margin: 13px 0 !default;
$--slider-font-size: 12px !default;

$--slider-bar-bg-color: $--color-primary !default; // 背景色
$--slider-bar-hover-bg-color: $--color-primary-hover !default; // hove背景色
$--slider-bar-drag-bg-color: #2D69D7 !default; // 拖拽背景色
$--slider-bar-disabled-bg-color: $--color-text-secondary !default; // 禁用背景色

$--slider-button-size: 16px !default;
$--slider-button-wrapper-size: 36px !default;
$--slider-button-wrapper-offset: -#{($--slider-button-wrapper-size - $--slider-height) / 2} !default;
$--slider-button-bg-color: $--color-white !default; // 默认圆按钮背景色
$--slider-runway-bg-color: $--color-divider !default; // 背景色

$--slider-tooltip-bg-color: $--color-text-regular-mask !default; // tooltip背景色
$--slider-tooltip-font-color: $--color-white !default; // tooltip字体颜色
$--slider-tooltip-size: 34px !default; // tooltip尺寸
$--slider-arrow-size: 4px !default; // 尖角尺寸

/* Steps
--------------------------*/
$--steps-border-color: $--disabled-border-base !default;
$--steps-border-radius: 4px !default;
$--steps-padding: 20px !default;
$--steps-font-color-active: $--color-white !default; // 默认激活文字颜色
$--steps-font-color-wait: $--color-text-secondary !default; // 等待时文字颜色
$--steps-show-font-title-color: $--color-text-title !default; // 标题颜色
$--steps-font-desc-color: $--color-text-secondary !default; // 描述文字颜色
$--steps-font-desc-active-color: $--color-text-title !default; // 描述文字高亮颜色
$--steps-simple-bg-color: $--color-failure-border !default; // 展示型背景颜色

$--steps-bg-color: $--color-white !default; // 默认背景颜色
$--steps-bg-color-simple: $--color-bg !default; // simple模式背景颜色
$--steps-active-color: $--color-success !default; // 激活颜色
$--steps-title-active-color: $--color-text-title !default; // 标题激活颜色
$--steps-error-color: $--color-danger !default; // 失败颜色
$--steps-wait-color: #D7D7DB !default; // 待定（等待中）颜色

/* Menu
--------------------------*/
$--menu-item-font-size: $--font-size-base !default;
$--menu-item-bg-color: $--color-white !default;
$--menu-item-font-color: $--color-text-secondary !default;
$--menu-item-font-color-active: $--color-text-title !default;
$--menu-item-active-color: $--color-primary !default;
$--menu-item-hover-color: $--color-info-1 !default;
$--menu-item-border-color: $--color-widget-border !default;

/* Rate
--------------------------*/
$--rate-height: 20px !default;
$--rate-font-size: $--font-size-small !default;
$--rate-icon-size: 16px !default;
$--rate-icon-margin: 5px !default;
$--rate-icon-color: $--color-widget-border !default;

/* DatePicker
--------------------------*/
// 灰色外部边框，待timepicker出图
$--datepicker-border-color: $--disabled-border-base !default;

/* Picker 通用
--------------------------*/
$--picker-hover-color: $--color-primary-hover !default; // 默认的pick hover
$--picker-active-color: $--color-primary !default; // 默认的pick active
$--picker-active-color-shadow-bg: $--color-primary-mask !default; // 激活后圆圈外阴影背景
$--picker-border-radius: 4px !default; // 圆角润度
$--picker-border-color: $--color-divider !default; // 边框颜色

$--picker-bg-color: $--color-white !default; // 默认Picker背景颜色
$--picker-bg-color-disabled: $--color-bg !default; // 默认Picker 禁用背景颜色
$--picker-bg-color-inrange: $--color-info-1 !default; // 范围选中背景颜色
$--picker-bg-color-inrange-hover: $--color-info-1 !default; // 范围选中hover背景颜色

$--picker-font-color: $--color-text-title !default; // 默认文字颜色
$--picker-font-cancel-color: $--color-text-regular !default; // 默认文字颜色
$--picker-font-color-disabled: $--color-failure-border !default; // 禁用文字颜色
$--picker-font-color-today: $--color-primary !default; // 今天的字体颜色

$--picker-arrow-size: 16px !default; // 向左向右的 icon size
$--picker-arrow-color: $--color-failure-border!default; // 向左向右的 icon 颜色
$--picker-arrow-title-color: $--color-text-secondary!default; // 向左向右的 icon 颜色

$--picker-clear-color: $--input-clear-color !default; // 关闭按钮默认颜色
$--picker-clear-color-hover: $--input-clear-color-hover !default; // 关闭按钮hover颜色
$--picker-input-placeholder-color: $--input-placeholder-color !default; // picker通用的输入框placeholder颜色
$--picker-input-placeholder-color-disabled: $--input-disabled-placeholder-color !default; // picker通用的输入框placeholder颜色
$--picker-input-border-color-disabled: $--input-border-color-disabled !default; // 通用外部线条禁用颜色
$--picker-input-box-shadow: $--select-input-box-shadow-focus !default; // 通用外部线条禁用颜色

$--picker-inner-border-color: $--color-divider !default; // 通用外部线条颜色
$--picker-box-shadow: 0px 4px 18px 0px rgba(42, 43, 46, 0.1) !default; // 通用外部线条颜色
$--picker-time-box-shadow: 0px 4px 18px 0px rgba($--color-text-primary, 0.1) !default; // 通用外部线条颜色 PreValue:0px 0px 3px 0px
$--picker-table-font-color: $--color-white !default; // 在table内部的字体颜色，未找到具体展示位置
$--picker-poper-margin: 5px !default; // 弹出框margin间距

/* Loading
--------------------------*/
$--loading-spinner-size: 32px !default; // loading 大小
$--loading-fullscreen-spinner-size: 50px !default;
$--loading-bg-color: $--color-white-mask !default; // 背景颜色
$--loading-font-size: 12px !default; // 字号
$--loading-font-color: $--color-text-title !default; // 文字颜色
$--loading-stroke-color: $--color-primary !default;

/* Scrollbar
--------------------------*/
$--scrollbar-background-color: rgba($--color-text-secondary, 0.3) !default;
$--scrollbar-hover-background-color: rgba($--color-text-secondary, 0.5) !default;

/* Carousel
--------------------------*/
$--carousel-arrow-font-size: 12px !default;
$--carousel-arrow-size: 36px !default;
$--carousel-bg-color: $--color-white !default;
$--carousel-arrow-background: rgba(31, 45, 61, 0.11) !default;
$--carousel-arrow-hover-background: rgba(31, 45, 61, 0.23) !default;
$--carousel-indicator-width: 30px !default;
$--carousel-indicator-height: 2px !default;
$--carousel-indicator-padding-horizontal: 4px !default;
$--carousel-indicator-padding-vertical: 12px !default;
$--carousel-indicator-out-color: $--border-color-hover !default;

/* Collapse
--------------------------*/
$--collapse-border-color: $--border-color-light !default;
$--collapse-header-height: 48px !default;
$--collapse-font-size: 13px !default;
$--collapse-header-padding: 20px !default;
$--collapse-bg-color: $--color-white !default;
$--collapse-font-color: $--color-text-title !default;
$--collapse-focus-color: $--color-primary !default;

/* Cropper
--------------------------*/
$--cropper-border-color: $--color-primary !default;
$--cropper-bg-color: $--color-white !default;
$--cropper-modal-bg-color: rgba($--color-text-primary, 0.5) !default;
$--cropper-info-bg-color: rgba($--color-text-primary, 0.8) !default;

/* Transfer
--------------------------*/
$--transfer-border-color: $--border-color-light !default;
$--transfer-border-radius: $--border-radius-base !default;
$--transfer-panel-width: 200px !default;
$--transfer-panel-header-height: 40px !default;
$--transfer-panel-header-background: $--background-color-base !default;
$--transfer-panel-footer-height: 40px !default;
$--transfer-panel-body-height: 246px !default;
$--transfer-item-height: 30px !default;
$--transfer-item-hover-background: $--color-text-secondary !default;
$--transfer-filter-height: 32px !default;

$--transfer-bg-color: $--color-white !default;
$--transfer-button-color: $--color-primary !default;
$--transfer-hover-color: $--color-primary-hover !default;
$--transfer-checkbox-color: $--color-text-regular !default;
$--transfer-font-color-disabled: $--color-failure-border !default;
$--transfer-font-color-empty: $--color-text-secondary !default;
$--transfer-header-font-color: $--color-text-primary !default;

/* Form
--------------------------*/
$--form-bottom-offset: 15px !default; // 输入框间间距   PreValue: 20px
$--form-icon-size: 16px !default; // icon尺寸
$--form-error-color: $--color-danger !default;
$--form-active-color: $--color-primary !default;
$--form-hover-color: $--color-primary-hover !default;
$--form-success-color: $--color-success !default;
$--form-font-color: $--color-text-title !default;
$--form-bg-color: $--color-white !default;
$--form-search-color: $--color-primary !default;
$--form-inline-box-shadow: 0 0 3px 0 rgba($--color-text-primary, 0.1) !default;

/* Upload
--------------------------*/
// 通用
$--upload-hover-color: #96BAFA !default; // 通用hover颜色
$--upload-active-color: $--color-primary !default; // 激活颜色
$--upload-success-color: $--color-success !default; // 成功颜色
$--upload-error-color: $--color-danger !default; // 失败颜色
$--upload-bg-color: $--color-white !default; // 默认背景颜色
$--upload-border-color: $--color-failure-border !default; // 边框
$--upload-font-color-check: $--color-white !default; // 单独的对号颜色
$--upload-font-color: $--color-text-regular !default; // 字体默认颜色
$--upload-clear-color: $--input-clear-color !default; // 关闭按钮默认颜色
$--upload-clear-color-hover: $--input-clear-color-hover !default; // 关闭按钮hover颜色
$--upload-action-btn-color: $--color-white !default; // 单独的对号颜色

// 文件上传
$--upload-file-height: 30px !default; // 文件行高
$--upload-file-padding-right: 10px !default; // 文件上传默认间距
$--upload-file-desc-color: $--color-text-secondary !default; // 描述文字颜色
$--upload-file-icon-color: $--color-text-secondary !default; // icon颜色
$--upload-file-font-color: $--color-text-title !default; // 文字颜色
$--upload-file-icon-color-function: $--color-primary !default; // 功能icon颜色
$--upload-file-bg-color: $--color-bg !default; // 默认背景颜色

// 文件拖拽
$--upload-file-dragger-border-color: $--color-widget-border !default; // 边框
$--upload-file-dragger-icon-color: $--color-failure-border !default; // icon
$--upload-file-dragger-mask-color: $--color-primary-mask !default; // 拖拽hover时的透明背景

// 缩略图列表
$--upload-picture-list-padding: 10px !default; // 缩略图上下左右默认 padding
$--upload-picture-list-img-width: 40px !default; // 左侧展示图片宽高
$--upload-picture-list-img-height: 40px !default;
$--upload-picture-list-offset: 5px !default; // 元素快间间距
$--upload-picture-list-font-size: 12px !default; // 默认字体
$--upload-picture-list-icon-size: 16px !default; // 默认icon字体
$--upload-picture-list-bar-height: 4px !default; // 默认进度条bar高度
$--upload-picture-list-img-border-color: $--color-widget-border !default; // 图片为空外边框
$--upload-picture-list-border-color: $--color-widget-border !default; // 外边框
$--upload-picture-list-icon-color: $--color-text-secondary !default; // 内部icon
$--upload-picture-list-name-color: $--color-failure-border !default; // 文件名颜色
$--upload-picture-list-picture-color: $--color-failure-border !default; // 图片为空外边框

// 单个图片
$--upload-picture-mask-hover: $--color-text-regular-mask !default; // 图片蒙层
$--upload-picture-size: 100px !default; // 默认尺寸
$--upload-picture-size-small: 64px !default; // 小尺寸

/* Header
  --------------------------*/
$--header-padding: 0 20px !default;

/* Footer
--------------------------*/
$--footer-padding: 0 20px !default;

/* Main
--------------------------*/
$--main-padding: 20px !default;

/* Timeline
--------------------------*/
$--timeline-node-size-normal: 10px !default;
$--timeline-node-size-middle: 12px !default;
$--timeline-node-size-large: 14px !default;
$--timeline-node-color: $--border-color-light !default;
$--timeline-primary-color: $--color-primary !default;
$--timeline-success-color: $--color-success !default;
$--timeline-warning-color: $--color-warning !default;
$--timeline-danger-color: $--color-danger !default;
$--timeline-info-color: $--color-info !default;
$--timeline-icon-color: $--color-white !default;
$--timeline-content-color: $--color-text-primary !default;
$--timeline-font-color: $--color-text-secondary !default;

/* Break-point
--------------------------*/
$--sm: 768px !default;
$--md: 992px !default;
$--lg: 1200px !default;
$--xl: 1920px !default;

$--breakpoints: (
  "xs": (
    max-width: $--sm - 1,
  ),
  "sm": (
    min-width: $--sm,
  ),
  "md": (
    min-width: $--md,
  ),
  "lg": (
    min-width: $--lg,
  ),
  "xl": (
    min-width: $--xl,
  ),
);

$--breakpoints-spec: (
  "xs-only": (
    max-width: $--sm - 1,
  ),
  "sm-and-up": (
    min-width: $--sm,
  ),
  "sm-only": "(min-width: #{$--sm}) and (max-width: #{$--md - 1})",
  "sm-and-down": (
    max-width: $--md - 1,
  ),
  "md-and-up": (
    min-width: $--md,
  ),
  "md-only": "(min-width: #{$--md}) and (max-width: #{$--lg - 1})",
  "md-and-down": (
    max-width: $--lg - 1,
  ),
  "lg-and-up": (
    min-width: $--lg,
  ),
  "lg-only": "(min-width: #{$--lg}) and (max-width: #{$--xl - 1})",
  "lg-and-down": (
    max-width: $--xl - 1,
  ),
  "xl-only": (
    min-width: $--xl,
  ),
);

/*-------------------------------- Components practical application.  end --------------------------------*/