//2020.8.3

//新属性


//覆盖属性（覆盖原有custom中的属性）
//通用
$border-color-base:#d9d9d9;

$box-shadow-style:0 0 0 2px #dce9ff;

//颜色
$title-color: #333;
$text-color: #333;

$btn-disable-color:#bbb;//默认禁用色
$default-disable-color:#bbb;//默认禁用色
$default-hover-focus-color:#5196ff;//常用hover和focus颜色
$default-hover-color:#5196ff;//常用hover颜色
$default-select-item-hover-color:#eff5ff;
$primary-color: #4686f2;
$error-color: #f14c5d;
$success-color:#1cb77b;
$icon-color:#999;
//圆角
$border-radius-small:2px;
$border-radius-base:2px;
//字体
$font-size-base: 12px;


//table
$table-outside-border-color:#e6e6e6;//  表格的外框线、表头下方分割线
$table-hearder-border-color:#d9d9d9; //表头侧面分割线
$table-inside-border-color: #f2f2f2;// 每条数据之间的下方分割


$table-th-font-size :12px;  //表格的通用文字样式
$table-th-font-weight:bold;
$table-th-text-color:#333;
$table-td-text-color:#555;

$table-border-radius:$border-radius-small;//表格通用圆角大小


$table-thead-bg: #f7f7f7;//表头背景色
$table-td-hover-bg: #e6e6e6;//表格行hover颜色
$table-td-highlight-bg: #dce9ff;//表格行选中后的高亮颜色

$table-th-td-height:32px;
$table-th-height:36px;
$table-cell-padding-left:8px;
$table-cell-padding-right:8px;
$table-fixed-cell-padding-left:8px;//单元格内缩进
$table-fixed-cell-padding-right:8px;
$table-filter-list-item-padding:0;//筛选框内边距（选项边距）
$table-summation-border:0;//表格汇总行上边框
$table-fixed-header-box-shadow:0;//去掉固定列阴影
$table-fixed-body-box-shadow:0;
$table-fixed-right-header-box-shadow:0;
$table-fixed-right-body-box-shadow:0;
//editgird

// $table-normal-td:36px
$editgrid-th-height:36px; //editgird  -default 表头高度
$editgrid-cell-padding:0 8px;//单元格内缩进
$editgrid-th-td-border-bottom:1px solid $table-inside-border-color; //editgird th、td 内边框调整
$editgrid-border-right: 1px solid $table-inside-border-color;   //border模式下格内边框效果
$table-td-stripe-bg:#fafafa;//主要用于editgird斑马线背景色


$editgrid-fixed-box-shadow:0;
$editgrid-fixed-right-box-shadow:0;


//input
$btn-border-radius: 2px;  //只修改默认输入框的高度和圆角
$input-height-base: 28px;
$input-color:#333;//原$text-color

$input-border-color: #d9d9d9;


$input-word-limit-bottom:8px;       //文本域右下角长度显示
$input-word-limit-right:8px;
$input-hint:#999;

$input-readonly-color:$input-color;
$mixin-input-readonly-opacity:1;
$mixin-input-disabled-color:#bbb;


$input-border-color-hover:$default-hover-focus-color;
$input-icon-width:$input-height-base;//用于小图标居中


$input-placeholder-color:#999;

//inputNumber
$inputnumber-mixin-disabled-color:#bbb;
$inputnumber-mixin-disabled-opacity:1;
$inputnumber-input-color:$input-color;
// $inputnumber-width:100%;
$inputnumber-handler-wrap-width:24px;
$inputnumber-arrow-wrap-width:$inputnumber-handler-wrap-width;
$inputnumber-handler-down-inner-right:6px;
$inputnumber-border-color-hover:$input-border-color-hover;

$mixin-input-active-box-shadow: $box-shadow-style; //focus状态外边框颜色
$inputnumber-input-padding:0 8px;


//checkbox
$mixin-checkbox-inner-border-color:#d9d9d9;//输入框颜色
// $mixin-checkbox-inner-border-color:red;


//typefield

$typefield-tip-border-radius:2px;
$typefield-tip-padding:8px;//6px 12px 8px 12px;
$typefield-tip-top:32px;//原34px；typefield高度修改为28px，为了实现tip顶部距离框下部4px。改为32px
$typefield-tip-line-height:12px;
$typefield-tip-color:#fff;
$typefield-tip-color-box-shadow:0 -2px 4px 0 rgba(101, 111, 134, 0.2);
$typefield-tip-background:#333;
$typefield-tip-color:#fff;
$typefield-input-focus-border-color:$default-hover-focus-color;

//select

//多选组件 已选项显示在输入框里tag的样式
$muti-select-tag-background-color:#f7f7f7;
$muti-select-tag-border-color: #d9d9d9;
$muti-select-tag-border:1px solid $muti-select-tag-border-color;
$muti-select-tag-margin-left:8px;
$muti-select-tag-padding-left:8px;
$muti-select-tag-padding-right:18px;
$muti-select-tag-icon-color:#999;


$select-common-selected-item-background-color:#f7f7f7;
$background-color-select-hover: #eff5ff;//每一行hover颜色

$mixin-select-item-font-size:12px;//选项的字号
$select-multiple-selected-item-focus-background:$select-common-selected-item-background-color;//select已选中的背景色
$select-dropdown-item-height:28px;//选项行的高度
$arrow-color:#999;//下拉箭头颜色


$select-tag-height:$form-component-height - 12px; //多选的已选中项标签样式
$select-tag-line-height:$select-tag-height;
$select-tag-padding:0;
$select-tag-padding-left:$muti-select-tag-padding-left;
$select-tag-padding-right:$muti-select-tag-padding-right;
$select-tag-margin-left:$muti-select-tag-margin-left;
$select-tag-background:$muti-select-tag-background-color;


//selectTree


//SelectTable
// $selectTable-dropdown-content-dropdown-list-table-row-checked-background:$table-td-highlight-bg;
$selectTable-dropdown-noline-content-h-table-wrapper-row-checked-background:$table-td-highlight-bg;
$selectTable-dropdown-noline-content-h-table-wrapper-row-checked-color:$table-td-text-color;

$selectTable-multiple-h-tag-background:$select-tag-background;
$selectTable-multiple-h-tag-border:1px solid #d9d9d9;


//cascader


//timepicker
$timepicker-split-line-color: #ededed;

$time-picker-cells-list-ul-li-height:28px;
$time-picker-cells-list-ul-li-line-height:28px;
$time-picker-cells-list-ul-li-padding:0 0 0 26px;

$time-picker-cells-width-base:66px;
$time-picker-cells-width-with-date-base: 72px;
$time-picker-cells-width: $time-picker-cells-width-base * 2;
$time-picker-cells-width-with-seconds: $time-picker-cells-width-base *3;
$time-picker-cells-width-with-date: $time-picker-cells-width-with-date-base * 2;
$time-picker-cells-width-with-date-with-seconds: $time-picker-cells-width-with-date-base * 3;


//datePicker
$datepicker-disabled-color: #bbb;    //datepicker通用灰色
$datepicker-cells-header-color:$datepicker-disabled-color;
$datepicker-cells-prev-month-color:$datepicker-disabled-color;
$date-picker-cell-hover-bg:$default-select-item-hover-color;// #EFF5FF;
$date-picker-confirm-border-top:1px solid #ededed;

//radio
$radio-inner-color:#f7f7f7;
$radio-disabled-inner-border-color:#d9d9d9;
$radio-inner-after-color:#bbb;
$radio-inner-after-color:#bbb;

$radio-btn-height:28px;
$radio-group-button-wrapper-padding:0 13px;


//checkbox
$mixin-checkbox-inner-border-color:#d9d9d9;
$mixin-checkbox-disabled-check-border-color:#d9d9d9;
$checkbox-wrapper-padding:0 8px;//checkbtn文字左右边距
$checkbox-wrapper-selected-icon-border-width: 0 16px 16px 0; //checkbtn右上角三角的大小
$checkbox-wrapper-selected-icon-i-right:-16px;
//slider

$slider-color:$primary-color;
$slider-disabled-color:$default-disable-color;


//switch
$switch-border-color:transparent;//switch无边框
$switch-height:22px;
$switch-line-height:22px;
$switch-background-color:#bbb;
$switch-disabled-background-color:rgba(#bbb, 0.5);
$switch-disabled-inner-color:#fff;


//transfer
$transfer-border-radius:2px;
$transfer-header-bg:#fff;
$transfer-list-header-padding:0 8px;
$transfer-header-height:32px;
$transfer-list-padding-top:31px;

$transfer-list-header-span-padding-left:0;
$transfer-operation-margin:0 8px;
$transfer-operation-btn-margin-bottom:4px;


//transfer-table

$transfer-table-border-radius:2px;
$transfer-table-header-bg:#fff;
$transferTable-list-body-with-search-padding-top:31px;
$transferTable-list-header-top:3px;

$transferTable-list-header-padding:6.5px 8px;
$transferTable-list-header-title-span-padding-left:0;
$transferTable-list-body-with-wrapper-padding:8px;
$transferTable-list-body-with-search-content-padding:8px 0 0;

$transferTable-list-operation-margin:0 8px;
$transferTable-list-operation-margin-bottom:4px;

//upload
$upload-list-file-padding:0;
$upload-list-file-background:none;//;#F7F7F7;


//rate
$rate-font-size:16px;//修改小星星宽高
$rate-star-margin-right:10px;
$rate-text-margin-left:6px;

//form
$form-component-height:28px; //***********************通用表单项高度*********************
$form-item-label-padding:0 12px 0 0;

$form-label-color:$text-color;

$form-item-required-color:#ef000c;
$form-required-label-before-margin-right:4px;

$mixin-input-active-error-box-shadow: 0 0 0 2px #fddcdf;
$form-item-margin-bottom:8px;
//tree

$tree-title-hover-bgcolor:$default-select-item-hover-color;
$tree-ul-li-margin:0 0;
$tree-title-padding:0 4px;

//menu
$menu-vertical-item-padding:8px 16px; //侧边菜单的高度
$menu-vertical-submenu-title-icon-right:12px;
$menu-vertical-submenu-title-icon-top:5px;
$menu-submenu-title-i-margin-right:0;


//tabs
$tabs-tab-padding:0 8px 13px 8px;
$tabs-tab-hover-color:#5196ff;

$tabs-card-bar-top-tab-margin:0 0 0 0;
$tabs-card-bar-top-tab-margin-right:0;
$tabs-card-bar-top-tab-height:28px;
$tabs-card-bar-tab-active-height:29px;
$tabs-card-bar-top-tab-padding:3px 16px 4px;
$tabs-card-top-bar-top-tab-active-height:28px;
$tabs-tab-font-size:12px;
$tabs-nav-tab-color:$text-color;

$tabs-bar-active-border-color:#e6e6e6;
$tabs-bar-active-color:$primary-color;
$tabs-tab-active-color:$primary-color;
$tabs-tab-disabled-color:$default-disable-color;
$tabs-card-bar-top-nav-container-height:29px;
//Steps
$steps-tail-padding:0 8px 0 32px;
$steps-head-inner-width:24px;
$steps-head-inner-height:24px;
$steps-head-inner-line-height:24px;
$steps-vertical-tail-left:12px;
$steps-tail-top:12px;

$steps-item-title-color:  $text-color;
$steps-small-title-color:$text-color;
$steps-title-font-size:$font-size-base;
$steps-item-process-title-color:$text-color;
$steps-wait-title-color:$text-color;

$steps-item-process-title-color:$text-color;
$steps-wait-description-color:#666;
$steps-small-content-color:#666;
$steps-main-content-color:#666;
$steps-item-process-title-line-height:auto;

$steps-wait-icon-color: #666;
$steps-head-inner-border-color:#d9d9d9;
$steps-wait-tail-color:#d9d9d9;

//Pages
$page-item-min-width:24px;
$page-item-height:24px;
$page-item-line-height:24px;
$page-option-select-height:24px;

$page-next-a-color:#666;
$page-next-a-font-size:12px;

$page-disabled-color:#d9d9d9;
$page-item-margin-right:0;
$page-prev-margin-right:0;
$page-next-margin-left:0;
$page-item-jump-next-margin-right:0;
$page-options-margin-left:0;
$page-options-sizer-margin-right:0;
$page-mini-options-margin-left:0;

$page-jump-next-after-color:#666;
$page-a-margin:0 2px;

//alert
$alert-with-icon-padding:7px 48px 7px 32px;
$alert-icon-top:10px;
$alert-icon-left:10px;

$alert-info-bgcolor:#eff5ff;
$alert-info-icon-color:$primary-color;
$alert-success-bgcolor: #e9faf3;
$alert-success-icon-color:#1cb77b;
$alert-warning-bgcolor:#fff8ed;
$alert-warning-icon-color:#ffba48;
$alert-error-bgcolor:#fdedef;
$alert-error-icon-color:#f14c5d;

$alert-with-desc-icon-left:18px;
$alert-with-desc-iconfont-font-size:26px;
$alert-with-desc-icon-padding:16px 20px 16px 52px;
$alert-desc-color:$text-color;

//message
$message-notice-close-right:8px;
$message-notice-close-top:10px;

$message-notice-content-box-shadow:0 1px 6px 0 rgba(#333, 0.15);
$message-icon-top:8px;
$message-icon-font-size:14px;
//notice
$notice-notice-padding:20px;
$notice-with-desc-iconfont-font-size:20px;
$notice-with-desc-margin-bottom:0;
$notice-with-desc-margin-left:4px;
$notice-with-desc-desc-margin-left:28px;

$notice-desc-color:$text-color;
$notice-notice-close-top:16px;

//msgbox
$msgbox-border-radius:2px;
$mixin-content-header-padding:12px 20px 12px 20px;
$msgbox-body-padding:  20px;
$msgbox-footer-padding:0 20px 20px 20px;

// $msgbox-confirm-padding:20px;
$msgbox-confirm-head-icon-font-size:20px;
$msgbox-confirm-head-icon-top:20px;
$msgbox-confirm-head-icon-left:20px;

$msgbox-title-color:$text-color;
$msgbox-title-margin-left:28px;
//spin
$spin-dot-size-small: 16px;
$spin-dot-size: 32px;
$spin-dot-size-large: 48px;

$spin-dot-item-size-small: 8px;
$spin-dot-item-size: 16px;
$spin-dot-item-size-large:24px;


//poptip
$poptip-confirm-footer-padding:10px 20px 20px 20px;
$poptip-confirm-body-padding:20px 20px 10px 20px;
$poptip-body-inner-font-size:12px;
$poptip-body-inner-color:$text-color;
$poptip-confirm-message-color:$text-color;
$poptip-body-padding:12px 20px 18px 20px;
$poptip-title-inner-font-size:14px;
$poptip-title-inner-line-height:14px;
$poptip-title-padding:12px 20px;

$poptip-title-after-left:0;
$poptip-title-after-right:0;

//Carousel
$carousel-dots-button-background:#fff;
$carousel-dots-button-opacity:0.2;

//progress
$progress-text-color:#666;
$progress-text-margin-left:4px;


//badge
$badge-count-background:#f14c5d;
$badge-dot-background:#f14c5d;

$badge-count-height:14px;
$badge-count-min-width:14px;
$badge-count-padding:0 3px;
$badge-count-line-height:12px;
$badge-count-font-size:10px;

//collapse
$collapse-header-bgcolor:#f7f7f7;
$collapse-border-radius:0;
$collapse-item-border-top:1px solid #e6e6e6;
$collapse-content-border-top-color:#e6e6e6;
$collapse-header-height:36px;
$collapse-header-color:#333;
$collapse-header-i-color:#666;
$collapse-content-bgcolor:#fff;
$collapse-box-padding-top:15px;
$timeline-item-head-custom-left:-16px;
//timeline
$timeline-item-head-width:8px;
$timeline-item-head-height:8px;
$timeline-item-tail-left:3px;
$timeline-color:#ededed;
$timeline-item-content-padding: 1px 1px 10px 16px;

//tooltip
$tooltip-inner-padding:8px;
$tooltip-max-width:220px;
$tooltip-inner-min-height:0;
$tooltip-bg:rgba(#333, 0.9);


//calendar
$calendar-month-content-item-bg:#fff;
$calendar-month-content-background:#fff;
$calendar-month-content-border-color:none;
$calendar-month-content-font-size:12px;
$calendar-month-content-color:#999;

$calendar-month-title-font-size:14px;
$calendar-month-content-item-border-width:0 2px 2px 0;
$calendar-month-content-item-color:$text-color;
$calendar-month-content-item-font-size:12px;
$calendar-month-content-item-height:28px;
$calendar-month-day-active-color:$calendar-month-content-item-color;
$calendar-month-restDay-color:$text-color;
$calendar-month-day-selected-background:#eff5ff;

$calendar-month-div-box-shadow:none;
$calendar-top-text-font-size:16px;
$calendar-top-change-height:16px;
$calendar-top-change-line-height:16px;


//tag
// $tag-height: 28px;
// $tag-line-height: 28px;
$tag-border-height:28px;
$tag-border-line-height:28px;

// $tag-margin: 4px 0px 2px 4px;
$tag-padding: 0 8px;
$tag-background: #f5f5f5;

$tag-border-background:#fff;
$tag-border-tag-close-color:#999;

//card
$card-extra-right:12px;
$card-extra-top:12px;
$card-body-padding:26px 20px;

//backTop goBottom
$backtop-inner-padding:2px 8px;
$backtop-bottom-inner-i-padding:0;
$backtop-top-inner-i-padding:0;
$backtop-inner-background-color:rgba(#333, 0.5);
//button
$btn-default-color:$text-color;
$btn-border-radius-small:2px;
$btn-padding-base:4px 7px;
$btn-padding-large: 6px 13px;
$btn-padding-small: 1px 7px;

$btn-font-size:12px;
$btn-border-radius:2px;
$btn-font-size-large: 12px;
$btn-min-width-large:64px;


//button success
$btn-success-color: #fff;
$btn-success-bg: #1abe6b;
$btn-success-border: #1abe6b;
$btn-success-hover-color: $btn-primary-color;
$btn-success-hover-bgcolor:lighten($success-color, 5%);
$btn-success-hover-border-color:lighten($success-color, 5%);
$btn-success-press-color: $btn-primary-color;
$btn-success-press-bgcolor:darken($success-color, 5%);
$btn-success-press-border-color:darken($success-color, 5%);

//button warning
$btn-warning-color: #fff;
$btn-warning-bg: #ff9901;
$btn-warning-border: #ff9901;
$btn-warning-hover-color: $btn-primary-color;
$btn-warning-hover-bgcolor:lighten($warning-color, 5%);
$btn-warning-hover-border-color:lighten($warning-color, 5%);
$btn-warning-press-color: $btn-primary-color;
$btn-warning-press-bgcolor:darken($warning-color, 5%);
$btn-warning-press-border-color:darken($warning-color, 5%);

//button error
$btn-error-color: #fff;
$btn-error-bg: #f14c5d;
$btn-error-border: #f14c5d;
$btn-error-hover-color:#fff;
$btn-error-hover-bgcolor:#f36f7d;
$btn-error-hover-border-color:#f36f7d;
$btn-error-press-color:#fff;
$btn-error-press-bgcolor:#d84453;
$btn-error-press-border-color:#d84453;

//button primary
$btn-primary-bg: $primary-color;
$btn-primary-border:$btn-primary-bg;
$btn-primary-hover-color: #fff;
$btn-primary-hover-bgcolor:#5196ff;
$btn-primary-hover-border-color:#5196ff;
$btn-primary-press-color: #fff;
$btn-primary-press-bgcolor:#3165cc;
$btn-primary-press-border-color:#3165cc;


//button ghost
$btn-ghost-color: $text-color;
$btn-ghost-bg: #fff;
$btn-ghost-border: #d9d9d9;
$btn-ghost-hover-color: #5196ff;
$btn-ghost-hover-bgcolor:$btn-ghost-bg;
$btn-ghost-hover-border-color:#5196ff;
$btn-ghost-press-color:#3165cc;
$btn-ghost-press-bgcolor:$btn-ghost-bg;
$btn-ghost-press-border-color:#3165cc;