acud/lib/style/themes/default/components/modal.less

acg react 组件库

@import '../config.less';

// 弹框Modal

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

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

// 默认宽高设置
@modal-width-sm: 130 * @P;
@modal-width-md: 200 * @P;
@modal-width-lg: 280 * @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: 22px;
@modal-heading-bg-color: @G10;
@modal-heading-padding: 6*@P 6*@P 0;
@modal-heading-font-size: @T4;
@modal-heading-font-weight: 500;
@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-color: @G2;
@modal-body-font-size: @T2;
@modal-body-font-weight: @font-weight-400;
@modal-body-line-height: 5*@P;

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