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

Fusion Mobile React UI System Component

@charset "UTF-8";
/*
  @component badge
  @display Badge
  @chinese 徽章
  @family data-display
*/
:root {
  /*
    @desc number-size
    @semantic 数字尺寸
    @namespace size/common
  */
  --badge-number-size: var(--s-4);
  /*
    @desc padding(l, r)
    @semantic 左右内边距
    @namespace size/common
  */
  --badge-number-padding: var(--s-1);
  /*
    @desc number-font-size
    @semantic 数字字体大小
    @namespace size/common
  */
  --badge-number-font-size: var(--p-caption-font-size);
  /*
    @desc number-font-color
    @semantic 数字字体颜色
    @namespace style/common
  */
  --badge-number-font-color: var(--box-primary-solid-font-color);
  /*
    @desc bg-color
    @semantic 背景色
    @namespace style/common
  */
  --badge-bg-color: var(--box-warning-text-icon-color);
  /*
    @desc border-color
    @semantic 边框色
    @namespace style/common
  */
  --badge-border-color: var(--color-white);
  /*
    @desc border-width
    @semantic 边框粗细
    @namespace size/common
  */
  --badge-border-width: var(--line-3);
  /*
    @desc unread-bg-color
    @semantic 未读背景色
    @namespace style/common
  */
  --badge-unread-bg-color: var(--box-warning-text-icon-color);
  /*
    @desc dot-bg-color
    @namespace style/common
    @semantic 圆点背景色
  */
  --badge-dot-bg-color: var(--box-warning-text-icon-color);
  /*
    @desc dot-size
    @semantic 圆点尺寸
    @namespace size/common
  */
  --badge-dot-size: var(--s-2);
}