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

Fusion Mobile React UI System Component

@charset "UTF-8";
/*
  @component drawer
  @display Drawer
  @chinese 抽屉
  @family feedback
*/
:root {
  /*
    @desc  bg-color
    @semantic 内容背景色
    @namespace style/common
   */
  --drawer-content-bg-color: var(--color-white);
  /*
    @desc elevation
    @semantic 海拔
    @namespace style/common
    @unconfigurable
  */
  --drawer-elevation: var(--elevation-3);
  /**
    @desc  shadow
    @semantic 阴影
    @namespace style/common
   */
  --drawer-content-shadow: var(--shadow-zero);
  /*
    @desc  corner
    @semantic 圆角
    @namespace size/bounding
   */
  --drawer-content-corner: var(--corner-zero);
  /*
    @desc title-padding-lr
    @semantic 标题左右内边距
    @namespace size/title
   */
  --drawer-title-padding-lr: var(--s-4);
  /*
    @desc title-padding-tb
    @semantic 标题上下内边距
    @namespace size/title
   */
  --drawer-title-padding-tb: var(--s-2);
  /*
    @desc title-height
    @semantic 标题高度
    @namespace size/title
   */
  --drawer-title-height: var(--s-11);
  /**
    @desc title-border-width
    @semantic 边框宽度
    @namespace size/title
   */
  --drawer-title-border-width: var(--box-medium-border-width);
  /*
    @desc title-border-color
    @semantic 分割线颜色
    @namespace style/title
   */
  --drawer-title-border-color: var(--box-normal-outline-border-color);
  /*
    @desc title-font-color
    @semantic 标题颜色
    @namespace style/title
   */
  --drawer-title-font-color: var(--color-black);
  /*
    @desc title-font-size
    @semantic 标题字体大小
    @namespace size/title
   */
  --drawer-title-font-size: var(--p-subhead-font-size);
  /*
    @desc icon-size
    @semantic 关闭图标大小
    @namespace size/title
   */
  --drawer-close-icon-size: var(--s-5);
  /*
    @desc icon-color
    @semantic 关闭图标颜色
    @namespace style/common
   */
  --drawer-close-icon-color: var(--color-text1-2);
}