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

Fusion Mobile React UI System Component

@charset "UTF-8";
/*
  @component input
  @display Input
  @chinese 文本输入框
  @family data-entry
*/
:root {
  /*
    @desc  corner
    @namespace  size/common
    @semantic  圆角(小号)
  */
  --input-small-corner: var(--box-small-border-radius);
  /*
    @desc  spacing
    @namespace  size/icon
    @semantic  图标间距(小号)
  */
  --input-small-spacing: var(--box-small-spacing);
  /*
    @desc  border-width
    @namespace  size/common
    @semantic  边框宽度(小号)
  */
  --input-small-border-width: 0.4vw;
  /*
    @desc  corner
    @namespace  size/common
    @semantic  圆角(中号)
  */
  --input-medium-corner: var(--box-medium-border-radius);
  /*
    @desc  spacing
    @namespace  size/icon
    @semantic  图标间距(中号)
  */
  --input-medium-spacing: var(--box-medium-spacing);
  /*
    @desc  border-width
    @namespace  size/common
    @semantic  边框宽度(中号)
  */
  --input-medium-border-width: 0.4vw;
  /*
    @desc  corner
    @namespace  size/common
    @semantic  圆角(大号)
  */
  --input-large-corner: var(--box-large-border-radius);
  /*
    @desc  spacing
    @namespace  size/icon
    @semantic  图标间距(大号)
  */
  --input-large-spacing: var(--box-large-spacing);
  /*
    @desc  border-width
    @namespace  size/common
    @semantic  边框宽度(大号)
  */
  --input-large-border-width: 0.4vw;
  /*
    @desc  padding(l,r)
    @namespace  size/common
    @semantic  左右内边距
  */
  --input-padding-lr: var(--s-3);
  /*
    @desc  padding(t,b)
    @namespace  size/common
    @semantic  上下内边距(小号)
  */
  --input-small-padding-tb: var(--s-1);
  /*
    @desc  padding(t,b)
    @namespace  size/common
    @semantic  上下内边距(中号)
  */
  --input-medium-padding-tb: var(--s-2);
  /*
    @desc  padding(t,b)
    @namespace  size/common
    @semantic  上下内边距(大号)
  */
  --input-large-padding-tb: var(--s-3);
  /*
    @desc  icon-size
    @namespace  size/icon
    @semantic  icon 尺寸(小号)
  */
  --input-small-icon-size: var(--s-3);
  /*
    @desc  icon-size
    @namespace  size/icon
    @semantic  icon 尺寸(中号)
  */
  --input-medium-icon-size: var(--s-4);
  /*
    @desc  icon-size
    @namespace  size/icon
    @semantic  icon 尺寸(大号)
  */
  --input-large-icon-size: var(--s-5);
  /*
    @desc  font-size
    @namespace  size/font
    @semantic  字体大小(小号)
  */
  --input-small-font-size: var(--p-body-1-font-size);
  /*
    @desc  font-size
    @namespace  size/font
    @semantic  字体大小(中号)
  */
  --input-medium-font-size: var(--p-body-2-font-size);
  /*
    @desc  font-size
    @namespace  size/font
    @semantic  字体大小(大号)
  */
  --input-large-font-size: var(--p-subhead-font-size);
  /*
    @desc  loading-icon-color
    @namespace  style/icon
    @semantic  loading 图标颜色
  */
  --input-loading-icon-color: var(--color-brand-3);
  /*
    @desc  clear-icon-color
    @namespace  style/icon
    @semantic  清空图标颜色
  */
  --input-clear-icon-color: var(--color-text1-2);
  /*
    @desc  normal-bg-color
    @namespace  style/common
    @semantic  常规背景颜色
  */
  --input-normal-bg-color: var(--color-fill1-1);
  /*
    @desc  normal-border-color
    @namespace  style/common
    @semantic  常规边框颜色
  */
  --input-normal-border-color: var(--color-transparent);
  /*
    @desc  normal-text-color
    @namespace  style/font
    @semantic  常规文字颜色
  */
  --input-normal-text-color: var(--color-text1-4);
  /*
    @desc  normal-placeholder-color
    @namespace  style/font
    @semantic  占位文字颜色
  */
  --input-normal-placeholder-color: var(--color-text1-2);
  /*
    @desc  normal-disabled-text-color
    @namespace  style/font
    @semantic  常规文字颜色(禁用)
  */
  --input-normal-text-color-disabled: var(--color-text1-1);
  /*
    @desc  normal-limit-hint-color
    @namespace  style/font
    @semantic  提示文字颜色
  */
  --input-normal-limit-hint-color: var(--color-text1-2);
  /*
    @desc  loading-icon-color
    @namespace  style/common
    @semantic  反色 loading 图标颜色
  */
  --input-inverse-bg-color: var(--color-fill2-1);
  /*
    @desc  border-color
    @namespace  style/common
    @semantic  反色边框颜色
  */
  --input-inverse-border-color: var(--color-transparent);
  /*
    @desc  text-color
    @namespace  style/font
    @semantic  反色文字颜色
  */
  --input-inverse-text-color: var(--color-white);
  /*
    @desc  placeholder-color
    @namespace  style/font
    @semantic  反色提示文字颜色
  */
  --input-inverse-placeholder-color: var(--color-text2-2);
  /*
    @desc  disabled-text-color
    @namespace  style/font
    @semantic  反色文字颜色(禁用)
  */
  --input-inverse-text-color-disabled: var(--color-text2-1);
  /*
    @desc  limit-hint-color
    @namespace  style/font
    @semantic  反色提示文字颜色
  */
  --input-inverse-limit-hint-color: var(--color-text2-2);
}