@import './config.scss';

$common-iconfont-tag: 'i[class*="icon"]';

// common
$common-success-border-color: lighten($success-color, 20%);
$common-success-bg-color: lighten($success-color, 35%);


// animation
$animation-duration-slow: 0.3s; // Modal
$animation-duration-base: 0.2s;
$animation-duration-fast: 0.1s; // Tooltip

// Affix
$affix-zindex: 9;

// Avatar
// ---
$avatar-size-base: 3em;
$avatar-size-lg: 3.6em;
$avatar-size-sm: 2em;
$avatar-font-size-base: 18px;
$avatar-font-size-lg: 24px;
$avatar-font-size-sm: 14px;
$avatar-bg: #ccc;
$avatar-color: white;
$avatar-border-radius: $border-radius-base;

// badge
$badge-default-dot-bg: #e9eaec;

// switch
// --
$switch-bg-disable: rgba(#c7c7c7, 0.25);
$switch-color-disable: rgba(#b6b6b6, 0.65);

// Spin
// ---
$spin-dot-size-sm: 14px;
$spin-dot-size: 20px;
$spin-dot-size-lg: 32px;

$spin-pulse-size-sm: 24px;
$spin-pulse-size: 36px;
$spin-pulse-size-lg: 48px;

// nav
// ---
$nav-item-color: $font-color;
$nav-item-color-hover: var(--primary-color);
$nav-item-font-size-hover: 14px;

// dropnav
$dropnav-border-color: #f0f0f0;
$dropnav-light-color: rgba(0, 0, 0, 0.65);
$dropnav-light-color-active: var(--primary-color);
$dropnav-light-bg: #e6f7ff;
$dropnav-dark-color: rgba(255, 255, 255, 0.65);
$dropnav-dark-color-active: white;
$dropnav-dark-bg: transparent;

// --- pop
$pop-disabled-bg: #eceff1;
$pop-disabled-color: #999;
$pop-disabled-border-color: #eaeaea;

// menu
// ---
$menu-item-color: #333;

// message
// ---
$message-padding: 1em;

// button
// ---
$btn-disabled-color: $disabled-btn-color;
$btn-disabled-border-color: $disabled-border-color;
$btn-disabled-bg-color: $disabled-bg-color;

// timeline
// ---

// steps
// ---
$step-primary-color: var(--primary-color);
$step-title-color: #666;
$step-tail-color: #e9e9e9;
$step-wait-icon-color: #ccc;
$step-wait-title-color: rgba(0, 0, 0, 0.43);
$step-process-title-color: rgba(0, 0, 0, 0.65);

// modal
// ---
$modal-padding: 2em;
$modal-maxheight: var(--af-modal-max-height, 35em);
$modal-inner-padding: 1em;
$modal-title-padding: 1em $modal-padding;
//** Modal header border color
$modal-header-border-color: #e5e5e5;
//** Modal footer border color
$modal-footer-border-color: $modal-header-border-color;
$modal-lg: 900px;
$modal-md: 600px;
$modal-sm: 300px;

// input
// ---
$ipt-disabled-color: $disabled-btn-color;
$ipt-disabled-border-color: $disabled-border-color;
$ipt-disabled-bg-color: $disabled-bg-color;
$ipt-height: 2.5em;
$ipt-height-sm: 2em;
$ipt-height-lg: 3.5em;
$ipt-disabled-bg: $disabled-bg;

// input-number
// ---
$ipt-number-color: #e8e8e8;
$ipt-number-bg-color: #f2f2f2;
$ipt-number-control-color: var(--primary-color);
$ipt-number-control-disabled-color: #9c9c9c;
$ipt-number-outer-control-color: #97a8be;
$ipt-number-outer-control-disabled-color: #d1dbe5;

// tabs
// ---
$tab-hover-bg-color: #f0f0f0;
$tab-color: var(--tabs-color, #666);
$tab-hover-color: #333;
$tab-list-bg-color: #fafafa;
$tab-list-border-color: #f0f0f0;

// collapse
// ---

// form
// ---

$form-color: rgba(black, 0.65);
$form-item-explain-color: rgba(black, 0.4);
$form-required-color: $error-color;
$form-item-error-color: red;
$form-item-error-shadow: rgba(25, 25, 25, 0.2);
$form-item-height: 2.5em;
$form-item-margin-bottom: 1.5em; // 默认与下一个 form item 的外边距

// checkbox
// ---
$checkbox-disable-bg: #ccc; // #f5f5f5, or rgba(black, 0.2)
$checkbox-normal-border-color: #9e9e9e;
$checkbox-disable-border-color: #d9d9d9;
$checkbox-disable-text-color: #999;
$checkbox-height: $form-item-height;

// radio
// ---
$radio-disable-bg: #ccc; // #f5f5f5, or rgba(black, 0.2)
$radio-disable-border-color: #d9d9d9;
$radio-disable-text-color: #999;

$radio-height: 32px;
$radio-height-sm: 24px;
$radio-height-lg: 40px;

// color picker
// --
$colorpicker-disable-color: #ececec;

// ext
// --
$ext-bg-color: #f0f0f0;
$ext-grey: #ccc;
$ext-color: #707070;

// search
// --
$search-bg-color: #fafafa;
$search-border-color: #d9d9d9;
$search-grey-color: #d5d5d5;
$search-disable-color: #e4e4e4;
$search-desable-text-color: #969696;
$search-text-color: #1f2d3d;
$search-placeholder-color: #ccc;
$search-active-color: var(--primary-color);
$search-font-size-lg: $font-size-base + 4px;
$search-font-size-sm: $font-size-base + 1px;

// Carousel
// ---
$carousel-dots-size: 22px;
$carousel-dot-size: 16px;
$carousel-v-dots-size: 24px;
$carousel-dot-active-size: 20px;

// back-totop
// ---
$zindex-totop: 10;
$totop-color: white;
$totop-bg: rgba(64, 64, 64, 0.4);
$totop-hover-bg: rgba(64, 64, 64, 0.6);

// layout
// --
$layout-body-background: #ececec;
$layout-header-background: #404040;
$layout-header-height: 64px;
$layout-header-padding: 0 50px;
$layout-footer-padding: 24px 50px;
$layout-sider-background: $layout-header-background;
$layout-trigger-height: 48px;
$layout-trigger-background: tint($heading-color, 20%);
$layout-trigger-color: white;
$layout-zero-trigger-width: 36px;
$layout-zero-trigger-height: 42px;

// --rate
$rate-color: gainsboro;
$rate-on-color: #f1d208;

// --slider
$slider-range-color: #cdcdcd;
$slider-layer-color: #e0e0e0;
$slider-layer-active-color: #d6d6d6;

// ---panel
$panel-bg-color: #ececec;
$panel-header-padding: 1em;
$panel-body-padding: 2em;
$panel-header-color: #f8a20f;

// ---select
$select-option-bg: whitesmoke;

// Progress
// --
$progress-default-color: var(--primary-color);
$progress-remaining-color: #f4f4f4;

// Tree
// --
$highlight-color: #f04134;
$highlight-treenode-color: #333;
$tree-showline-icon-color: $text-color-secondary;
$treenode-selected-color: var(--primary-color-lighter);
$treenode-itemhover-color: var(--primary-color-light);
$treenode-disabled-color:rgba(black, 0.25);
$tree-checkbox-size: 16;
$tree-input-disable-bg: whitesmoke;

// Transfer
$transfer-color: #555;
$transfer-input-color: #666;

// toast

// tips
$tips-success-border-color: lighten($success-color, 20%);
$tips-success-bg-color: lighten($success-color, 35%);
$tips-success-icon-color: $success-color;
$tips-info-border-color: lighten($info-color, 15%);
$tips-info-bg-color: lighten($info-color, 35%);
$tips-info-icon-color: $info-color;
$tips-warning-border-color: lighten($warning-color, 25%);
$tips-warning-bg-color: lighten($warning-color, 35%);
$tips-warning-icon-color: $warning-color;
$tips-error-border-color: lighten($error-color, 30%);
$tips-error-bg-color: lighten($error-color, 40%);
$tips-error-icon-color: $error-color;

// ctx menu
$context-menu-color: #d8d8d8;
$context-menu-color-hover: rgba($context-menu-color, 0.2);