@alifd/meet-react/lib/dialog/styles/variable.css

Fusion Mobile React UI System Component

@charset "UTF-8";
/*
  @component dialog
  @display Dialog
  @chinese 对话框
  @family feedback
*/
:root {
  /*
    @desc bg-color
    @semantic 背景色
    @namespace style/common
   */
  --dialog-bg-color: var(--color-white);
  /*
    @desc padding-lr
    @semantic 左右内边距
    @namespace size/common
   */
  --dialog-padding-lr: var(--s-4);
  /*
    @desc centered-padding-tb
    @semantic 上下内边距
    @namespace size/common
   */
  --dialog-centered-padding-tb: var(--s-5);
  /*
    @desc centered-padding-lr
    @semantic 居中模式左右内边距
    @namespace size/common
   */
  --dialog-centered-padding-lr: var(--s-4);
  /*
    @desc centered-icon-size
    @semantic 居中模式居中弹窗的图标大小
    @namespace size/title
   */
  --dialog-centered-icon-size: var(--s-9);
  /*
    @desc title-min-height
    @semantic 标题高度
    @namespace size/title
   */
  --dialog-title-min-height: var(--s-14);
  /*
    @desc content-top
    @semantic 标题底部间隙
    @namespace size/title
   */
  --dialog-centered-title-margin-bottom: var(--s-1);
  /*
    @desc content-bottom
    @semantic 标题顶部间隙
    @namespace size/title
   */
  --dialog-centered-title-margin-top: var(--s-3);
  /*
    @desc divider-width
    @semantic 分割线粗细
    @namespace size/title
   */
  --dialog-divider-width: var(--line-1);
  /*
    @desc divider-color
    @semantic 分割线颜色
    @namespace style/common
   */
  --dialog-divider-color: var(--color-line1-1);
  /*
    @desc centered-border-color
    @semantic 分割线颜色
    @namespace style/common
   */
  --dialog-centered-border-color: var(--color-line1-4);
  /*
    @desc normal-corner
    @semantic 圆角
    @namespace size/common
   */
  --dialog-corner: var(--corner-zero);
  /*
    @desc centered-corner
    @semantic 居中模式圆角
    @namespace size/common
   */
  --dialog-centered-corner: var(--corner-2);
  /*
    @desc title-font-size
    @semantic 标题字体大小
    @namespace size/title
   */
  --dialog-title-font-size: var(--p-title-font-size);
  /*
    @desc content-font-size
    @semantic 内容字体大小
    @namespace size/content
   */
  --dialog-content-font-size: var(--p-body-1-font-size);
  /*
    @desc content-font-color
    @semantic 内容字体颜色
    @namespace style/content
   */
  --dialog-content-font-color: var(--color-text1-3);
  /*
    @desc ok-font-weight
    @semantic 居中模式确认按钮字重
    @namespace size/footer
   */
  --dialog-ok-btn-font-weight: 600;
  /*
    @desc cancel-font-weight
    @semantic 居中模式取消按钮字重
    @namespace size/footer
   */
  --dialog-cancel-btn-font-weight: 400;
  /*
    @desc cancel-btn-gap
    @semantic 底部按钮间距
    @namespace size/footer
   */
  --dialog-footer-btn-gap: var(--s-2);
  /*
    @desc centered-footer-height
    @semantic 底部按钮区域高度
    @namespace size/footer
   */
  --dialog-footer-centered-height: var(--s-12);
  /**
    @desc close-icon-color
    @semantic 关闭图标颜色
    @namespace style/header
   */
  --dialog-close-icon-color: var(--color-text1-2);
  /*
    @desc title-color
    @semantic 标题颜色
    @namespace style/title
   */
  --dialog-title-font-color: var(--color-text1-4);
  /*
    @desc close-spacing
    @semantic pop 弹出模式关闭按钮间距
    @namespace size/popup
   */
  --dialog-popup-icon-spacing: var(--s-5);
  /*
    @desc popup-corner
    @semantic pop 弹出模式圆角
    @namespace size/popup
   */
  --dialog-popup-corner: var(--corner-3);
}