@import '../config.less';

// 弹框Modal

// z-index
@zindex-modal-mask: @zindex-range-0;
@zindex-modal: @zindex-range-0;

// 背景蒙层
@modal-mask-color: fade(@G11, 50%);

// 默认宽高设置
@modal-width-sm: 100 * @P;
@modal-width-md: 150 * @P;
@modal-width-lg: 200 * @P;
@modal-width-xl: 300 * @P;

@modal-max-height-sm: 140 * @P;
@modal-max-height-md: 140 * @P;
@modal-max-height-lg: 140 * @P;
@modal-max-height-xl: 140 * @P;

@modal-height-sm: 60 * @P;
@modal-height-md: 100 * @P;
@modal-height-lg: 120 * @P;
@modal-height-xl: 120 * @P;

// Content
@modal-content-bg-color: @G11;

// Header
@modal-heading-height: 10*@P;
@modal-heading-bg-color: @G10;
@modal-heading-padding: 0 6*@P;
@modal-heading-font-size: @T4;
@modal-heading-color: @G2;

// Close
@modal-close-color: @G5;
@modal-close-hover-color: @G3;
@modal-close-font-size: @T4;

// Body
@modal-body-margin: 4*@P 6*@P 6*@P;
@modal-body-bg-color: @G11;
@modal-body-font-size: @T2;
@modal-body-line-height: 5*@P;

// Footer
@modal-footer-padding: 0 8*@P 6*@P;
@modal-footer-btn-space: 3*@P;
@modal-footer-bg-color: @G11;