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

Fusion Mobile React UI System Component

@charset "UTF-8";
/*
  @component select-drawer
  @display SelectDrawer
  @chinese 选择抽屉
  @family utils
*/
:root {
  /*
    @desc small-padding-tb
    @namespace  size/small
    @semantic  上下内边距(小号)
  */
  --select-drawer-small-padding-tb: var(--s-1);
  /*
    @desc medium-padding-tb
    @namespace  size/medium
    @semantic  上下内边距(中号)
  */
  --select-drawer-medium-padding-tb: var(--s-2);
  /*
    @desc padding-tb
    @namespace  size/large
    @semantic  上下内边距(大号)
  */
  --select-drawer-large-padding-tb: var(--s-3);
  /*
    @desc padding-lr
    @namespace  size/normal
    @semantic  左右内边距
  */
  --select-drawer-padding-lr: var(--s-4);
  /*
    @desc color
    @namespace  style/normal
    @semantic  内容颜色
  */
  --select-drawer-normal-color: var(--color-text1-4);
  /*
    @desc  color
    @namespace  style/inverse
    @semantic  内容颜色（反色）
  */
  --select-drawer-inverse-color: var(--color-text2-4);
  /*
    @desc  disabled-color
    @namespace  style/normal
    @semantic  内容颜色（禁用)
  */
  --select-drawer-disabled-color: var(--color-text1-1);
  /*
    @desc  disabled-color
    @namespace  style/inverse
    @semantic  内容颜色(反色-禁用)
  */
  --select-drawer-inverse-disabled-color: var(--color-text2-1);
  /*
    @desc  icon-color
    @namespace  style/normal
    @semantic  箭头颜色
  */
  --select-drawer-normal-icon-color: var(--color-text1-2);
  /*
    @desc  icon-color
    @namespace  style/inverse
    @semantic  箭头颜色(反色)
  */
  --select-drawer-inverse-icon-color: var(--color-text2-2);
  /*
    @desc  icon-disabled-color
    @namespace  style/inverse
    @semantic  箭头颜色（禁用）
  */
  --select-drawer-inverse-disabled-icon-color: var(--color-text2-1);
  /*
    @desc  title-color
    @namespace  style/normal
    @semantic  标题颜色
  */
  --select-drawer-title-color: var(--color-text1-4);
  /*
    @desc  placeholder-color
    @namespace  style/normal
    @semantic  占位文本颜色
  */
  --select-drawer-normal-placeholder-color: var(--color-text1-2);
  /*
    @desc  placeholder-color
    @namespace  style/inverse
    @semantic  占位颜色(反色)
  */
  --select-drawer-inverse-placeholder-color: var(--color-text2-2);
  /*
    @desc  font-size
    @namespace  size/large
    @semantic  字体大小(大号)
  */
  --select-drawer-large-font-size: var(--p-subhead-font-size);
  /*
    @desc  font-size
    @namespace  size/medium
    @semantic  字体大小(中号)
  */
  --select-drawer-medium-font-size: var(--p-body-2-font-size);
  /*
    @desc  font-size
    @namespace  size/small
    @semantic  字体大小(小号)
  */
  --select-drawer-small-font-size: var(--p-body-1-font-size);
  /*
    @desc  icon-size
    @namespace  size/large
    @semantic  图标大小(大号)
  */
  --select-drawer-large-icon-size: var(--icon-s);
  /*
    @desc  icon-size
    @namespace  size/medium
    @semantic  图标大小(中号)
  */
  --select-drawer-medium-icon-size: var(--icon-xs);
  /*
    @desc  icon-size
    @namespace  size/small
    @semantic  图标大小(小号)
  */
  --select-drawer-small-icon-size: var(--icon-xxs);
  /*
    @desc  empty-padding-lr
    @namespace  style/empty
    @semantic  空选项时弹出框左右内边距
  */
  --select-drawer-empty-padding-lr: var(--s-5);
  /*
    @desc  padding(t,b)
    @namespace  style/empty
    @semantic  空选项时弹出框上下内边距
  */
  --select-drawer-empty-padding-tb: var(--s-10);
  /*
    @desc  content-font-color
    @namespace  style/empty
    @semantic  空选项弹出框提示文案字体颜色
  */
  --select-drawer-empty-font-color: var(--color-text1-2);
  /*
    @desc  content-font-size
    @namespace  style/empty
    @semantic  空选项弹出框提示文案字体大小
  */
  --select-drawer-empty-font-size: var(--p-body-1-font-size);
}