@import '../../styles/themes/index.less';
@import '../../styles/mixins/index.less';

@notification-wrapper-margin-top: @spacing-8;
@notification-wrapper-margin-bottom: @spacing-8;
@notification-wrapper-margin-left: @spacing-8;
@notification-wrapper-margin-right: @spacing-8;

@notification-border-radius: @border-radius;
@notification-margin-bottom: @spacing-8;
@notification-width: 300px;
@notification-padding-top: @spacing-8;
@notification-padding-bottom: @spacing-8;
@notification-padding-left: @spacing-8;
@notification-padding-right: @spacing-8;
@notification-font-size-icon: 24px;
@notification-font-size-title: @font-size-base;
@notification-font-size-content: @font-size-base;
@notification-icon-margin-right: @spacing-7;
@notification-title-margin-bottom: @spacing-2;
@notification-btn-wrapper-margin-top: @spacing-7;

@notification-border-width: 1px;
@notification-border-style: solid;

@notification-color-close-icon: var(--color-text-1);
@notification-close-icon-font-size: 12px;
@notification-close-icon-top: @spacing-6;
@notification-close-icon-right: @spacing-6;

@notification-normal-color-bg: var(--color-bg-1);
@notification-normal-color-icon: var(--color-text-1);
@notification-normal-color-text-title: var(--color-text-1);
@notification-normal-color-text-content: var(--color-text-1);
@notification-normal-color-border: var(--color-border);

@notification-info-color-bg: var(--color-bg-1);
@notification-info-color-icon: var(--primary-6);
@notification-info-color-text-title: var(--color-text-1);
@notification-info-color-text-content: var(--color-text-1);
@notification-info-color-border: var(--color-border);

@notification-success-color-bg: var(--color-bg-1);
@notification-success-color-icon: var(--success-6);
@notification-success-color-text-title: var(--color-text-1);
@notification-success-color-text-content: var(--color-text-1);
@notification-success-color-border: var(--color-border);

@notification-warning-color-bg: var(--color-bg-1);
@notification-warning-color-icon: var(--warning-6);
@notification-warning-color-text-title: var(--color-text-1);
@notification-warning-color-text-content: var(--color-text-1);
@notification-warning-color-border: var(--color-border);

@notification-error-color-bg: var(--color-bg-1);
@notification-error-color-icon: var(--danger-6);
@notification-error-color-text-title: var(--color-text-1);
@notification-error-color-text-content: var(--color-text-1);
@notification-error-color-border: var(--color-border);

/******** Transition *******/

@transition-duration-1: @animation-duration-1;
@transition-duration-2: @animation-duration-2;
@transition-duration-3: @animation-duration-3;
@transition-duration-4: @animation-duration-4;
@transition-duration-5: @animation-duration-5;
@transition-duration-loading: 1s;

// 线性
@transition-timing-function-linear: @ease-base-linear;
// 标准
@transition-timing-function-standard: @ease-base-standard;
// 过冲
@transition-timing-function-overshoot: @ease-base-overshoot;
// 减速
@transition-timing-function-decelerate: @ease-base-decelerate;
// 加速
@transition-timing-function-accelerate: @ease-base-accelerate;