@alifd/meet-react/lib/number-picker/styles/variable.css

Fusion Mobile React UI System Component

@charset "UTF-8";
/*
  @component number-picker
  @display NumberPicker
  @chinese 数字输入框
  @family data-entry
*/
:root {
  /*
    @desc small-font-size
    @semantic 字体大小(小号)
    @namespace size/common
  */
  --numberpicker-small-font-size: var(--p-caption-font-size);
  /*
    @desc medium-font-size
    @semantic 字体大小(中号)
    @namespace size/common
  */
  --numberpicker-medium-font-size: var(--p-body-2-font-size);
  /*
    @desc large-font-size
    @semantic 字体大小(大号)
    @namespace size/common
  */
  --numberpicker-large-font-size: var(--p-subhead-font-size);
  /*
    @desc small-width
    @semantic 输入框宽度(小号)
    @namespace size/input
  */
  --numberpicker-small-input-width: var(--s-14);
  /*
    @desc medium-width
    @semantic 输入框宽度(中号)
    @namespace size/input
  */
  --numberpicker-medium-input-width: var(--s-16);
  /*
    @desc large-width
    @semantic 输入框宽度(大号)
    @namespace size/input
  */
  --numberpicker-large-input-width: var(--s-18);
  /*
     @desc small-height
     @semantic 高度(小号)
     @namespace size/input
     @type enum
     @enum size
   */
  --numberpicker-small-height: var(--s-6);
  /*
      @desc medium-height
      @semantic 高度(中号)
      @namespace size/input
      @type enum
      @enum size
    */
  --numberpicker-medium-height: var(--s-8);
  /*
      @desc large-height
      @semantic 高度(大号)
      @namespace size/input
      @type enum
      @enum size
    */
  --numberpicker-large-height: var(--s-11);
  /*
    @desc margin
    @semantic 外边距(小号)
    @namespace size/bounding
    @type number
  */
  --numberpicker-small-margin: 1.0666666666666667vw;
  /*
    @desc margin
    @semantic 外边距(中号)
    @namespace size/bounding
    @type number
  */
  --numberpicker-medium-margin: 2.1333333333333333vw;
  /*
    @desc margin
    @semantic 外边距(大号)
    @namespace size/bounding
    @type number
  */
  --numberpicker-large-margin: 3.2vw;
  /*
    @desc height
    @semantic 高度
    @namespace size/common
  */
  --numberpicker-height: var(--s-4);
  /*
    @desc input-border-color
    @semantic 输入框边框颜色
    @namespace style/input
  */
  --numberpicker-input-border-color: var(--color-line1-4);
  /*
    @desc input-font-color
    @semantic 输入框文字颜色
    @namespace style/input
  */
  --numberpicker-input-color: var(--color-text1-4);
  /*
    @desc button-corner
    @semantic 按钮圆角
    @namespace size/button
  */
  --numberpicker-button-corner: var(--corner-1);
  /*
    @desc border-width
    @semantic 按钮边框尺寸
    @namespace size/button
  */
  --numberpicker-button-border-width: var(--line-1);
  /*
    @desc button-border-color
    @semantic 按钮边框颜色
    @namespace style/button
  */
  --numberpicker-button-border-color: var(--color-line1-4);
  /*
    @desc icon-color
    @semantic 图标颜色
    @namespace style/button
  */
  --numberpicker-button-icon-color: var(--color-text1-4);
  /*
    @desc input-color
    @semantic 输入框文字颜色(禁用)
    @namespace style/input
  */
  --numberpicker-disabled-input-color: var(--color-text1-1);
  /*
    @desc icon-color
    @semantic 图标颜色(禁用)
    @namespace style/button
  */
  --numberpicker-disabled-button-icon-color: var(--color-text1-1);
  /*
    @desc disabled-bg-color
    @semantic 背景色(禁用)
    @namespace style/common
   */
  --numberpicker-disabled-bg-color: var(--color-transparent);
}