@alifd/meet-react/es/modal/styles/variable.css

Fusion Mobile React UI System Component

@charset "UTF-8";
/*
  @component modal
  @display Modal
  @chinese 模态框
  @family feedback
*/
:root {
  /*
    @desc motion-time
    @semantic 动画市场
    @unconfigurable
  */
  --modal-duration: var(--motion-time-2);
  /**
    @desc motion-in
    @semantic 常规进入动画
    @unconfigurable
  */
  --modal-motion-in: var(--motion-type-ease-in-out);
  /**
    @desc motion-out
    @semantic 常规退出动画
    @unconfigurable
  */
  --modal-motion-out: var(--motion-type-ease-in-out);
  /**
    @desc center-motion-in
    @semantic 居中退出动画
    @unconfigurable
  */
  --modal-center-motion-in: var(--motion-type-ease-in-out-back);
  /**
    @desc center-motion-out
    @semantic 居中退出动画
    @unconfigurable
  */
  --modal-center-motion-out: var(--motion-type-ease-in-out-back);
  /*
    @desc z-index
    @semantic 层级
    @unconfigurable
  */
  --modal-elevation: var(--elevation-3);
  /*
    @desc content-bg-color
    @semantic 内容区背景色
    @namespace style/common
  */
  --modal-container-bg-color: var(--color-white);
  /*
    @desc mask-bg-color
    @semantic 遮罩背景色
    @namespace style/common
  */
  --modal-mask-bg-color: var(--color-black);
  /*
    @desc mask-bg-opacity
    @semantic 遮罩透明度
    @namespace style/common
    @type float
  */
  --modal-mask-bg-opacity: 0.5;
}