@alifd/meet-react/es/bread-crumb/styles/variable.css

Fusion Mobile React UI System Component

@charset "UTF-8";
/*
  @component bread-crumb
  @display BreadCrumb
  @chinese 面包屑
  @family navigation
*/
:root {
  /*
   @desc disabled-font-color
   @semantic 禁用字体色
   @namespace style/common
   */
  --breadcrumb-disabled: var(--color-text1-1);
  /*
   @desc normal-font-color
   @semantic 正常字体色
   @namespace style/common
   */
  --breadcrumb-normal-color: var(--color-text1-4);
  /*
   @desc active-font-color
   @semantic 激活字体色
   @namespace style/common
   */
  --breadcrumb-active-color: var(--color-text1-3);
  /*
   @desc separator-color
   @semantic 分隔符色
   @namespace style/common
   */
  --breadcrumb-separator-color: var(--color-text1-3);
  /*
   @desc small-font-size
   @semantic 字体大小(小号)
   @namespace size/font
   */
  --breadcrumb-small-font-size: var(--p-body-1-font-size);
  /*
   @desc medium-font-size
   @semantic 字体大小(中号)
   @namespace size/font
   */
  --breadcrumb-medium-font-size: var(--p-body-2-font-size);
  /*
   @desc large-font-size
   @semantic 字体大小(大号)
   @namespace size/font
   */
  --breadcrumb-large-font-size: var(--p-subhead-font-size);
  /*
   @desc small-arrow-size
   @semantic 箭头尺寸(小号)
   @namespace size/arrow
   */
  --breadcrumb-arrow-small-size: 1.3333333333333333vw;
  /*
   @desc medium-arrow-size
   @semantic 箭头尺寸(中号)
   @namespace size/arrow
   */
  --breadcrumb-arrow-medium-size: 1.6vw;
  /*
   @desc large-arrow-size
   @semantic 箭头尺寸(大号)
   @namespace size/arrow
   */
  --breadcrumb-arrow-large-size: 1.8666666666666667vw;
  /*
   @desc small-spacing
   @semantic 间距(小号)
   @namespace size/arrow
   */
  --breadcrumb-small-spacing: 1.0666666666666667vw;
  /*
   @desc medium-spacing
   @semantic 间距(中号)
   @namespace size/arrow
   */
  --breadcrumb-medium-spacing: 1.3333333333333333vw;
  /*
   @desc large-spacing
   @semantic 间距(大号)
   @namespace size/arrow
   */
  --breadcrumb-large-spacing: 1.6vw;
}