$--color-white: #ffffff !default;
$--color-black: #000000 !default;
$--color-text-primary: #303133 !default;
$--font-weight-base:500 !default;
$--font-weight-normal:400 !default;
// h1 标题
$--color-text-title: #333333 !default;
// p 正文
$--color-text-content: #666666 !default;
// 辅助/图标颜色
$--color-text-auxiliary: #999999 !default;
// 禁用/失效
$--color-text-disabled:mix($--color-text-auxiliary,$--color-white,46%) !default;
// 分割线
$--color-text-hr: #E8E8E8 !default;
// 链接文字
$--color-text-link: #3E9AF8 !default;
// 背景
$--color-bg-ckb: #F5F7FA !default;
$--color-bg-yjb: #F5F5F5 !default;
$--color-bg-sz: #F5F7FB !default;
// 主题色
$--color-theme-ckb: #FF3B12 !default;
$--color-theme-yjb: #F13B3A !default;
$--color-theme-sz: #688DFE !default;
// 成功
$--color-success-ckb: #67C23A !default;
$--color-success-yjb: #67CF33 !default;
$--color-success-sz: #66C23A !default;
// 警告
$--color-warning-ckb: #ED9E4A !default;
$--color-warning-yjb: #FF9C34 !default;
$--color-warning-sz: $--color-warning-ckb !default;
// 危险
$--color-danger-ckb: #EE2932 !default;
$--color-danger-yjb: #EE2A32 !default;
$--color-danger-sz: #FF3B13 !default;
// 提示
$--color-tips: #999999 !default;

// 通用蓝色
$--color-primary:#409EFF !default;

// black
$--color-black-85:mix($--color-black, $--color-white, 85%) !default;
$--color-black-65:mix($--color-black, $--color-white, 65%) !default;
$--color-black-45:mix($--color-black, $--color-white, 45%) !default;
$--color-black-25:mix($--color-black, $--color-white, 25%) !default;

// 默认字体为正文
$--font-size-small: 12px !default;
$--font-size-base: 14px !default;
$--font-size-16: 16px !default;

// border
$--color-border: #DCDFE6 !default;
$--border-base: 1px solid $--color-border !default;
$--border-color-inner-9:mix($--color-black, $--color-white, 9%) !default;

// border-radius
$--border-radius-base: 4px !default;
$--border-radius-2: 2px !default;
$--border-radius-circle:100% !default;

// Box-shadow
$--box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04) !default;
$--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12) !default;
$--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;
$--box-shadow-15: 0px 2px 8px 0px rgba(0,0,0,0.15) !default;

// Popup
$--popup-modal-background-color: $--color-black !default;
$--popup-modal-opacity: 0.5 !default;

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


// button
$--button-padding-vertical: 10px !default;
$--button-padding-horizontal: 15.5px !default;
$--button-font-size: $--font-size-base !default;
$--button-min-width:90px !default;
$--button-max-height:36px !default;
$--button-big-padding-vertical:12px !default;
$--button-big-padding-horizontal:18px !default;
$--button-big-font-size:$--font-size-base !default;
$--button-big-min-width:100px !default;
$--button-big-max-height:40px !default;
$--button-small-padding-vertical:9px !default;
$--button-small-padding-horizontal:14px !default;
$--button-small-font-size:$--font-size-base - 2px !default;
$--button-small-min-width:80px !default;
$--button-small-max-height:32px !default;
$--button-hover-tint-percent: 20% !default;
$--button-active-shade-percent: 10% !default;

// default botton
$--button-default-color-ckb: $--color-text-content !default;
$--button-default-color-yjb: $--color-theme-yjb !default;
$--button-default-color-sz: $--color-text-content !default;
$--button-default-border-color-ckb: #E0E3E9 !default;
$--button-default-border-color-yjb: $--color-theme-yjb !default;
$--button-default-border-color-sz: $--button-default-border-color-ckb !default;
$--button-default-color-hover-ckb:mix($--color-theme-ckb, $--color-white, 60%) !default;
$--button-default-color-hover-yjb:mix(#F27979, $--color-white, 60%) !default;
$--button-default-color-hover-sz:mix(#8DA9FE, $--color-white, 60%) !default;
$--button-default-border-color-hover-ckb:#FCB3A4 !default;
$--button-default-border-color-hover-yjb:$--button-default-color-hover-yjb !default;
$--button-default-border-color-hover-sz:mix(#BBCBFE, $--color-white, 60%) !default;
$--button-default-color-active-ckb:$--color-theme-ckb !default;
$--button-default-color-active-yjb:#F01918 !default;
$--button-default-color-active-sz:#5E85FF !default;
$--button-default-border-color-active-ckb:$--button-default-color-active-ckb !default;
$--button-default-border-color-active-yjb:$--button-default-color-active-yjb !default;
$--button-default-border-color-active-sz:$--button-default-color-active-sz !default;
$--button-default-color-disabled-ckb:mix($--color-tips, $--color-white, 46%) !default;
$--button-default-color-disabled-yjb:#F9B0AF !default;
$--button-default-color-disabled-sz:$--button-default-color-disabled-ckb !default;
$--button-default-border-color-disabled-ckb:#ECEEF5 !default;
$--button-default-border-color-disabled-yjb:$--button-default-color-disabled-yjb !default;
$--button-default-border-color-disabled-sz:#E0E3E9 !default;

// primary botton
$--button-primary-color-ckb: $--color-theme-ckb !default;
$--button-primary-color-yjb: $--color-theme-yjb !default;
$--button-primary-color-sz: $--color-theme-sz !default;

// success botton
$--button-success-color-ckb: $--color-success-ckb !default;
$--button-success-color-yjb: $--color-success-yjb !default;
$--button-success-color-sz: $--color-success-sz !default;

// warnning botton
$--button-warning-color-ckb: $--color-warning-ckb !default;
$--button-warning-color-yjb: $--color-warning-yjb !default;
$--button-warning-color-sz: $--color-warning-sz !default;

// danger botton
$--button-danger-color-ckb: $--color-danger-ckb !default;
$--button-danger-color-yjb: $--color-danger-yjb !default;
$--button-danger-color-sz: $--color-danger-sz !default;

// text botton
$--button-text-color: $--color-text-link !default;

// table bottom
$--button-table-hover-color:#F27979 !default;
$--button-table-focus-color:$--color-theme-yjb !default;

// scrollbar
$--color-text-secondary: #DDDDDD !default;
$--scrollbar-background-color: rgba($--color-text-secondary, .8) !default;
$--scrollbar-hover-background-color: rgba($--color-text-secondary, 1) !default;

// tooltip
$--tooltip-arrow-size: 6px !default;
$--tooltip-fill: #404040 !default;
$--tooltip-border-color: $--tooltip-fill !default;
$--tooltip-color: $--color-white !default;

/* Transition
-------------------------- */
$--all-transition: all .3s cubic-bezier(.645,.045,.355,1) !default;
$--fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;
$--fade-linear-transition: opacity 200ms linear !default;
$--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;
$--border-transition-base: border-color .2s cubic-bezier(.645,.045,.355,1) !default;
$--color-transition-base: color .2s cubic-bezier(.645,.045,.355,1) !default;

// input
$--input-border-color:$--color-border !default;
$--input-background-color: $--color-white !default;
$--input-border-radius: $--border-radius-base !default;
$--input-font-color:$--color-text-content !default;
$--input-placeholder-color:$--color-text-auxiliary !default;
$--input-icon-color:#C1C4CC !default;
$--input-font-size:$--font-size-base !default;
$--input-big-height:40px !default;
$--input-medium-height:36px !default;
$--input-small-height:32px !default;
$--input-big-width:288px !default;
$--input-medium-width:260px !default;
$--input-small-width:230px !default;
$--input-disabled-bg:$--color-bg-yjb !default;
$--input-disabled-border:#D9D9D9 !default;
$--input-magnifying-bg:$--color-bg-yjb !default;
$--input-magnifying-color:$--color-text-content !default;
$--input-prefix-icon-big-width: 50px !default;
$--input-prefix-icon-medium-width: 46px !default;
$--input-prefix-icon-small-width: 42px !default;

@mixin input-text-button-color(){
  color: $--color-tips;
  [data-theme="ckb-symbol"] & {
    color: $--color-tips;
  }
  [data-theme="yjb-symbol"] & {
    color: $--color-theme-yjb;
  }
  [data-theme="sz-symbol"] & {
    color: $--color-theme-sz;
  }
}

// form:
$--form-label-font-size: $--font-size-base !default;
$--color-text-regular:$--color-text-content !default;
$--color-danger: $--color-danger-ckb !default;
$--popover-background-color: $--color-white !default;
$--popover-border-color: $--color-border !default;
$--popover-arrow-size: 10px !default;

// select
$--select-option-hover-background:$--color-bg-ckb !default;
$--select-option-color:#5A5E66 !default;
$--select-option-group-color:#606266 !default;
$--select-option-height:34px !default;
$--select-group-height:34px !default;
$--select-option-disabled-color:mix($--color-text-auxiliary, $--color-white, 46%) !default;
$--select-group-color: $--color-text-title !default;
$--select-input-color: #909399 !default;
$--select-disabled-border:$--input-disabled-border !default;
@mixin select-option-hover-bg(){
  background-color: $--color-bg-ckb;
  [data-theme*="-symbol"] & {
    background-color: $--color-bg-ckb;
  }
  [data-theme="yjb-symbol"] & {
    background-color: #FFF7F7;
  }
}
$--select-dropdown-border:#E4E7ED !default;
$--select-dropdown-background:$--color-bg-ckb !default;
$--select-dropdown-max-height:259px !default;

// dropdown
$--dropdown-item-select-color:$--color-theme-yjb !default;


// radio 
$--radio-disabled-border:1px solid rgba(0,0,0,0.15) !default;
$--radio-disabled-bg:rgba(0,0,0,0.15) !default;
// checkbox
$--checkbox-disabled-border:$--radio-disabled-border !default;
$--checkbox-disabled-bg:$--radio-disabled-bg !default;

// tag
$--tag-info-color:$--select-option-color !default;
$--tag-info-close-icon-color:#C0C4CC !default;

// date
$--date-border-color:#E4E7ED !default;
@mixin date-available-hover-font-color(){
  color: $--color-theme-ckb;
  [data-theme="ckb-symbol"] & {
    color: $--color-theme-ckb;
  }
  [data-theme="yjb-symbol"] & {
    color: $--color-text-content;
  }
  [data-theme="sz-symbol"] & {
    color: $--color-text-content;
  }
}
@mixin date-available-hover-bg-color(){
  background-color: rgba(255,236,231,0.7);
  [data-theme="ckb-symbol"] & {
    background-color: rgba(255,236,231,0.7);
  }
  [data-theme="yjb-symbol"] & {
    background-color: rgba(255,238,238,0.7);
  }
  [data-theme="sz-symbol"] & {
    background-color: rgba(229,237,252,0.7);
  }
}
@mixin date-day-border-color(){
  border-color: #FFECE7;
  [data-theme="ckb-symbol"] & {
    border-color: #FFECE7;
  }
  [data-theme="yjb-symbol"] & {
    border-color: #FFEEEE;
  }
  [data-theme="sz-symbol"] & {
    border-color: #ECF2FC;
  }
}
@mixin date-today-border-color(){
  border-color: mix($--color-theme-ckb, $--color-white, 80%);
  [data-theme="ckb-symbol"] & {
    border-color: mix($--color-theme-ckb, $--color-white, 80%);
  }
  [data-theme="yjb-symbol"] & {
    border-color: mix($--color-theme-yjb, $--color-white, 80%);
  }
  [data-theme="sz-symbol"] & {
    border-color: mix($--color-theme-sz, $--color-white, 80%);
  }
}

// cascader
$--cascader-menu-radius:3px !default;
$--cascader-menu-border-color:$--date-border-color !default;
$--cascader-menu-font-color:$--select-option-color !default;
$--cascader-menu-font-size:14px !default;

// switch
$--switch-height:24px !default;
$--switch-big-height:26px !default;
$--switch-small-height:20px !default;
$--switch-width:52px !default;
$--switch-big-width:62px !default;
$--switch-small-width:37px !default;
$--switch-font-size:$--font-size-base - 2px !default;
$--switch-big-font-size:$--font-size-base !default;
$--switch-small-font-size:$--switch-font-size !default;
$--switch-button-size:20px !default;
$--switch-button-big-size:22px !default;
$--switch-button-small-size:16px !default;
$--switch-off-color:#BFBFBF !default;
$--switch-core-border-radius:20px !default;
@mixin switch-on-color(){
  border-color: $--color-success-ckb;
  background-color: $--color-success-ckb;
  [data-theme="ckb-symbol"] & {
    border-color: $--color-success-ckb;
    background-color: $--color-success-ckb;
  }
  [data-theme="yjb-symbol"] & {
    border-color: $--color-theme-yjb;
    background-color: $--color-theme-yjb;
  }
  [data-theme="sz-symbol"] & {
    border-color: $--color-theme-sz;
    background-color: $--color-theme-sz;
  }
}

// upload
$--upload-tip-color:#8C8C8C !default;
$--upload-list-item-hover-bg-color:$--color-bg-ckb !default;
$--upload-list-item-fail-icon-color:$--switch-off-color !default;
$--upload-drag-width:230px !default;
$--upload-drag-height:206px !default;
$--upload-drag-icon-color:#BAC5E8 !default;
$--upload-delete-icon-color:#BFBFBF !default;
$--upload-avatar-error-color:$--color-danger-yjb !default;
@mixin upload-success-bg-color(){
  background-color: $--color-bg-ckb;
  [data-theme="ckb-symbol"] & {
    background-color: $--color-bg-ckb;
  }
  [data-theme="yjb-symbol"] & {
    background-color: $--color-bg-yjb;
  }
  // [data-theme="sz-symbol"] & { TODO:
  //   background-color: $--color-bg-sz;
  // }
}
@mixin upload-drag-hover-border-color(){
  border-color: #FCB3A4;
  [data-theme="ckb-symbol"] & {
    border-color: #FCB3A4;
  }
  [data-theme="yjb-symbol"] & {
    border-color: #F27979;
  }
  // [data-theme="sz-symbol"] & { // TODO:
  //   border-color: #FCB3A4;
  // }
}

// progress
$--progress-success-bg-color: $--color-success-ckb !default;
$--progress-success-icon-color: #52C41A !default;
$--progress-bar-init-bg-color: mix($--color-black, $--color-white, 4%) !default;
$--progress-font-color:#8C8C8C !default;
$--progress-hover-bg-color:#EFF1F7 !default;
@mixin progress-circle-init(){
  stroke: $--color-theme-ckb;
  [data-theme="ckb-symbol"] & {
    stroke: $--color-theme-ckb;
  }
  [data-theme="yjb-symbol"] & {
    stroke: $--color-primary;
  }
  [data-theme="sz-symbol"] & {
    stroke: $--color-theme-sz;
  }
}
@mixin progress-circle-success(){
  stroke: $--color-success-ckb;
  [data-theme="ckb-symbol"] & {
    stroke: $--color-success-ckb;
  }
  [data-theme="yjb-symbol"] & {
    stroke: $--color-success-yjb;
  }
  [data-theme="sz-symbol"] & {
    stroke: $--color-success-sz;
  }
}
@mixin progress-circle-warning(){
  stroke: $--color-warning-ckb;
  [data-theme="ckb-symbol"] & {
    stroke: $--color-warning-ckb;
  }
  [data-theme="yjb-symbol"] & {
    stroke: $--color-warning-yjb;
  }
  [data-theme="sz-symbol"] & {
    stroke: $--color-warning-sz;
  }
}
@mixin progress-circle-exception(){
  stroke: $--color-danger-ckb;
  [data-theme="ckb-symbol"] & {
    stroke: $--color-danger-ckb;
  }
  [data-theme="yjb-symbol"] & {
    stroke: $--color-danger-yjb;
  }
  [data-theme="sz-symbol"] & {
    stroke: $--color-danger-sz;
  }
}
@mixin progress-line-init(){
  background-color: $--color-success-sz;
  [data-theme="ckb-symbol"] & {
    background-color: $--color-success-sz;
  }
  [data-theme="yjb-symbol"] & {
    background-color: $--color-primary;
  }
  [data-theme="sz-symbol"] & {
    background-color: $--color-theme-sz;
  }
}
@mixin progress-line-success(){
  background-color: $--color-success-ckb;
  [data-theme="ckb-symbol"] & {
    background-color: $--color-success-ckb;
  }
  [data-theme="yjb-symbol"] & {
    background-color: $--color-success-yjb;
  }
  [data-theme="sz-symbol"] & {
    background-color: $--color-success-sz;
  }
}
@mixin progress-line-warning(){
  background-color: $--color-warning-ckb;
  [data-theme="ckb-symbol"] & {
    background-color: $--color-warning-ckb;
  }
  [data-theme="yjb-symbol"] & {
    background-color: $--color-warning-yjb;
  }
  [data-theme="sz-symbol"] & {
    background-color: $--color-warning-sz;
  }
}
@mixin progress-line-exception(){
  background-color: $--color-danger-ckb;
  [data-theme="ckb-symbol"] & {
    background-color: $--color-danger-ckb;
  }
  [data-theme="yjb-symbol"] & {
    background-color: $--color-danger-yjb;
  }
  [data-theme="sz-symbol"] & {
    background-color: $--color-danger-sz;
  }
}
@mixin progress-error(){
  background-color: $--color-danger-ckb;
  [data-theme="ckb-symbol"] & {
    background-color: $--color-danger-ckb;
  }
  [data-theme="yjb-symbol"] & {
    background-color: $--color-theme-ckb;
  }
  [data-theme="sz-symbol"] & {
    background-color: $--color-theme-ckb;
  }
}
@mixin progress-loading(){
  background-color: #B3E19D;
  [data-theme="ckb-symbol"] & {
    background-color: #B3E19D;
  }
  [data-theme="yjb-symbol"] & {
    background-color: #CFE7FF;
  }
  [data-theme="sz-symbol"] & {
    background-color: #CFDBFF;
  }
}



// table
$--table-border:1px solid #EBEEF5 !default;
$--table-th-bg-color:#F1F2F4 !default;
$--table-hover-bg-color:#F4F8FF !default;
$--table-success-row-bg-color:mix($--color-success-yjb,$--color-white,4%) !default;
$--table-danger-row-bg-color:mix($--color-danger-yjb,$--color-white,4%) !default;
$--table-fixed-before-bg-color:#E6E8EC !default;
$--table-sort-caret-color:$--color-black !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),
);

// menu
$--menu-horizontal-height:64px !default;
$--submenu-horizontal-height:40px !default;
$--menu-vertical-height:52px !default;
@mixin menu-dark-bg-color(){
  background-color: $--color-text-content;
  [data-theme="ckb-symbol"] & {
    background-color: $--color-text-content;
  }
  [data-theme="yjb-symbol"] & {
    background-color: #282828;
  }
  [data-theme="sz-symbol"] & {
    background-color: $--color-theme-sz;
  }
}
@mixin menu-dark-vertical-item-bg-color(){
  background-color: $--color-text-auxiliary;
  [data-theme="ckb-symbol"] & {
    background-color: $--color-text-auxiliary;
  }
  [data-theme="yjb-symbol"] & {
    background-color: transparent;
  }
  [data-theme="sz-symbol"] & {
    background-color: transparent;
  }
}
@mixin menu-dark-vertical-menu-bg-color(){
  background-color: $--color-text-content;
  [data-theme="ckb-symbol"] & {
    background-color: $--color-text-content;
  }
  [data-theme="yjb-symbol"] & {
    background-color: transparent;
  }
  [data-theme="sz-symbol"] & {
    background-color: transparent;
  }
}
@mixin menu-dark-vertical-item-active-bg-color(){
  background-color: #CCCCCC;
  [data-theme="ckb-symbol"] & {
    background-color: #CCCCCC;
  }
  [data-theme="yjb-symbol"] & {
    background-color: $--color-theme-yjb;
  }
  [data-theme="sz-symbol"] & {
    background-color: #8BA7FB;
  }
}

// breadcrumb
$--breadcrumb-color:$--color-black-45 !default;
$--breadcrumb-light-color:$--color-black-65 !default;

// modal
$--modal-padding-primary:20px !default;
$--modal-border:1px solid rgba(0,0,0,.09) !default;
@mixin modal-close-icon-color(){
  color: $--color-black-45;
  [data-theme*="-symbol"] & {
    color: $--color-black-45;
  }
  [data-theme="sz-symbol"] & {
    color: $--color-black-25;
  }
}

// tree
$--tree-box-height:225px !default;

// notice
$--notice-box-shadow:0px 4px 12px 0px rgba(0,0,0,0.15) !default;
$--notice-icon-size: 24px !default;
@mixin notice-info-icon-color(){
  color: $--color-text-content;
  [data-theme="ckb-symbol"] & {
    color: $--color-text-content;
  }
  [data-theme="yjb-symbol"] & {
    color: $--color-primary;
  }
  [data-theme="sz-symbol"] & {
    color: $--color-primary;
  }
}

// message
$--message-padding:9px 14px !default;
@mixin message-info-border-color(){
  border-color: $--color-white;
  [data-theme*="-symbol"] & {
    border-color: $--color-white;
  }
  [data-theme="sz-symbol"] & {
    border-color: #B5C7FE;
  }
}

// message-box
$--msgbox-padding-primary: 15px !default;

// alert
$--alert-close-font-size: 12px !default;
$--alert-icon-large-size: 24px !default;
$--alert-light-success-border-color: #B7EB8F !default;
$--alert-light-success-bg-color: #F6FFED !default;
$--alert-light-warning-border-color: #FFE58F !default;
$--alert-light-warning-bg-color: #FFFBE6 !default;
$--alert-light-error-border-color: #FFAAA6 !default;
$--alert-light-error-bg-color: #FFF1F0 !default;
@mixin alert-info-border-color(){
  border-color: $--color-text-secondary;
  [data-theme*="-symbol"] & {
    border-color: $--color-text-secondary;
  }
  [data-theme="sz-symbol"] & {
    border-color: #B5C7FE;
  }
}
@mixin alert-info-bg-color(){
  background-color:$--color-white;
  [data-theme*="-symbol"] & {
    background-color: $--color-white;
  }
  [data-theme="sz-symbol"] & {
    background-color: #EDF1FE;
  }
}
@mixin alert-info-icon-color(){
  color: $--color-tips;
  [data-theme*="-symbol"] & {
    color: $--color-tips;
  }
  [data-theme="sz-symbol"] & {
    color: $--color-theme-sz;
  }
}

// icon
$--iconfont-size-18:18px !default;

// steps
$--color-text-primary: red !default;
$--color-text-placeholder:gray !default;
$--color-success:$--color-success-yjb !default;
$--color-primary: $--color-theme-yjb !default;

$--step-border-color:#EEEEEE !default;
$--step-light-border-color:#CEEEFF !default;
$--step-line-color:#DDDDDD !default;
$--step-light-line-color:#B9DBFF !default;
$--step-icon-size: 40px !default;
$--step-bg-color:#DDDDDD !default;
$--step-light-bg-color:linear-gradient(270deg,#A6DDFD 0%,#A4D0FF 100%) !default;

// loading
$--loading-spinner-size: 42px !default;
$--loading-fullscreen-spinner-size: 50px !default;
@mixin loading-init-color(){
  color: $--color-theme-ckb;
  [data-theme="ckb-symbol"] & {
    color: $--color-theme-ckb;
  }
  [data-theme="yjb-symbol"] & {
    color: $--color-primary;
  }
  [data-theme="sz-symbol"] & {
    color: $--color-theme-sz;
  }
}

// 主题色使用
@mixin theme-font-color(){
  color: $--color-theme-ckb;
  [data-theme="ckb-symbol"] & {
    color: $--color-theme-ckb;
  }
  [data-theme="yjb-symbol"] & {
    color: $--color-theme-yjb;
  }
  [data-theme="sz-symbol"] & {
    color: $--color-theme-sz;
  }
}
@mixin theme-bg-color(){
  background-color: $--color-theme-ckb;
  [data-theme="ckb-symbol"] & {
    background-color: $--color-theme-ckb;
  }
  [data-theme="yjb-symbol"] & {
    background-color: $--color-theme-yjb;
  }
  [data-theme="sz-symbol"] & {
    background-color: $--color-theme-sz;
  }
}
@mixin theme-border-color(){
  border-color: $--color-theme-ckb;
  [data-theme="ckb-symbol"] & {
    border-color: $--color-theme-ckb;
  }
  [data-theme="yjb-symbol"] & {
    border-color: $--color-theme-yjb;
  }
  [data-theme="sz-symbol"] & {
    border-color: $--color-theme-sz;
  }
}
@mixin danger-font-color(){
  color: $--color-danger-ckb;
  [data-theme="ckb-symbol"] & {
    color: $--color-danger-ckb;
  }
  [data-theme="yjb-symbol"] & {
    color: $--color-danger-yjb;
  }
  [data-theme="sz-symbol"] & {
    color: $--color-danger-sz;
  }
}
@mixin success-font-color(){
  color: $--color-success-ckb;
  [data-theme="ckb-symbol"] & {
    color: $--color-success-ckb;
  }
  [data-theme="yjb-symbol"] & {
    color: $--color-success-yjb;
  }
  [data-theme="sz-symbol"] & {
    color: $--color-success-sz;
  }
}
@mixin warning-font-color(){
  color: $--color-warning-ckb;
  [data-theme="ckb-symbol"] & {
    color: $--color-warning-ckb;
  }
  [data-theme="yjb-symbol"] & {
    color: $--color-warning-yjb;
  }
  [data-theme="sz-symbol"] & {
    color: $--color-warning-sz;
  }
}
@mixin danger-border-color(){
  border-color: $--color-danger-ckb;
  [data-theme="ckb-symbol"] & {
    border-color: $--color-danger-ckb;
  }
  [data-theme="yjb-symbol"] & {
    border-color: $--color-danger-yjb;
  }
  [data-theme="sz-symbol"] & {
    border-color: $--color-danger-sz;
  }
}