@alifd/meet-react/lib/transfer/styles/variable.css

Fusion Mobile React UI System Component

@charset "UTF-8";
/*
  @component transfer
  @display Transfer
  @chinese 穿梭框
  @family data-entry
*/
:root {
  /*
    @desc padding
    @namespace size/common
    @semantic 内边距
  */
  --transfer-padding: 2.6666666666666665vw;
  /*
    @desc padding
    @namespace size/common
    @semantic 层级
  */
  --transfer-tab-icon-z-index: var(--elevation-1);
  /*
    @desc padding
    @namespace size/common
    @semantic 高度
  */
  --transfer-tab-icon-height: var(--s-6);
  /*
    @desc padding
    @namespace size/common
    @semantic 宽度
  */
  --transfer-tab-icon-width: var(--s-6);
  /*
    @desc padding
    @namespace size/common
    @semantic 边框粗细
  */
  --transfer-tab-icon-border-width: var(--line-1);
  /*
    @desc padding
    @namespace size/common
    @semantic 边框样式
  */
  --transfer-tab-icon-border-style: var(--line-solid);
  /*
    @desc padding
    @namespace size/common
    @semantic 边框颜色
  */
  --transfer-tab-icon-border-color: var(--color-line1-4);
  /*
    @desc border-radius
    @namespace size/common
    @semantic 圆角
  */
  --transfer-tab-icon-corner: var(--s-5);
  /*
    @desc background
    @namespace size/common
    @semantic 背景
  */
  --transfer-tab-icon-background-color: var(--color-white);
  /*
    @desc padding
    @namespace size/common
    @semantic 字体
  */
  --transfer-tab-icon-next-icon-font-size: 3.7333333333333334vw;
  /*
    @desc color
    @namespace size/common
    @semantic 图标颜色
  */
  --transfer-tab-icon-next-icon-color: var(--color-text1-2);
  /*
    @desc height
    @namespace size/common
    @semantic 项目高度
  */
  --transfer-tab-item-height: var(--s-9);
  /*
    @desc line-height
    @namespace size/common
    @semantic 项目行高
  */
  --transfer-tab-item-line-height: var(--s-9);
  /*
    @desc font-size
    @namespace size/common
    @semantic 项目字体大小
  */
  --transfer-tab-item-font-size: var(--s-4);
  /*
    @desc color
    @namespace size/common
    @semantic 项目颜色
  */
  --transfer-tab-item-color: var(--color-text1-4);
  /*
    @desc border-width
    @namespace size/common
    @semantic 项目边框粗细
  */
  --transfer-tab-item-border-width: var(--line-1);
  /*
    @desc border-color
    @namespace size/common
    @semantic 项目边框颜色
  */
  --transfer-tab-item-border-color: var(--color-line1-4);
  /*
    @desc border-radius
    @namespace size/common
    @semantic 项目边框圆角
  */
  --transfer-tab-item-corner: 1.3333333333333333vw;
  /*
    @desc selected-color
    @namespace size/common
    @semantic 项目选中颜色
  */
  --transfer-tab-item--selected-color: var(--color-brand-3);
  /*
    @desc border-color
    @namespace size/common
    @semantic 项目选中边框颜色
  */
  --transfer-tab-item--selected-border-color: var(--color-brand-3);
  /*
    @desc top
    @namespace size/common
    @semantic 距离顶部距离
  */
  --transfer-tab-after-top: var(--s-zero);
  /*
    @desc width
    @namespace size/common
    @semantic 右侧宽度
  */
  --transfer-tab-after-width: var(--line-1);
  /*
    @desc background-color
    @namespace size/common
    @semantic 右侧背景色
  */
  --transfer-tab-after-background-color: var(--color-brand-3);
  /*
    @desc border-color
    @namespace size/common
    @semantic 列表边框颜色
  */
  --transfer-list-border-color: var(--color-line1-4);
  /*
    @desc border-style
    @namespace size/common
    @semantic 列表边框样式
  */
  --transfer-list-border-style: var(--line-solid);
  /*
    @desc border-width
    @namespace size/common
    @semantic 列表边框粗细
  */
  --transfer-list-border-width: var(--line-1);
  /*
    @desc border-radius
    @namespace size/common
    @semantic 列表边框圆角
  */
  --transfer-list-corner: 1.3333333333333333vw;
  /*
    @desc padding-left
    @namespace size/common
    @semantic 列表距离左侧
  */
  --transfer-list-padding-left: 2.6666666666666665vw;
  /*
    @desc margin-top
    @namespace size/common
    @semantic 列表顶部距离
  */
  --transfer-list-margin-top: var(--s-5);
  /*
    @desc height
    @namespace size/common
    @semantic 列表高度
  */
  --transfer-list-scroll-height: 60vh;
  /*
    @desc bottom
    @namespace size/common
    @semantic 列表底部内边距
  */
  --transfer-list--selected-padding-bottom: 14.933333333333334vw;
  /*
    @desc height
    @namespace size/common
    @semantic 列表选中高度
  */
  --transfer-list--selected-height: 14.933333333333334vw;
  /*
    @desc right
    @namespace size/common
    @semantic 列表右侧内边距
  */
  --transfer-list-padding-right: var(--s-zero);
  /*
    @desc bottom-color
    @namespace size/common
    @semantic 列表选中边框颜色
  */
  --transfer-list--selected-border-bottom-color: var(--color-line1-4);
  /*
    @desc bottom-style
    @namespace size/common
    @semantic 列表选中边框样式
  */
  --transfer-list--selected-border-bottom-style: var(--line-solid);
  /*
    @desc bottom-width
    @namespace size/common
    @semantic 列表选中边框粗细
  */
  --transfer-list--selected-border-bottom-width: var(--line-1);
  /*
    @desc left
    @namespace size/common
    @semantic 提示左侧距离
  */
  --transfer-select-tip-left: var(--s-zero);
  /*
    @desc bottom
    @namespace size/common
    @semantic 提示底部距离
  */
  --transfer-select-tip-bottom: var(--s-zero);
  /*
    @desc background-color
    @namespace size/common
    @semantic 选中提示背景颜色
  */
  --transfer-select-tip-background-color: var(--color-white);
  /*
    @desc height
    @namespace size/common
    @semantic 选中提示高度
  */
  --transfer-select-tip-height: 15.2vw;
  /*
    @desc padding-left
    @namespace size/common
    @semantic 选中提示左侧内边距
  */
  --transfer-select-tip-padding-left: 2.6666666666666665vw;
  /*
    @desc z-index
    @namespace size/common
    @semantic 选中提示层级
  */
  --transfer-select-tip-z-index: var(--elevation-1);
  /*
    @desc height
    @namespace size/common
    @semantic 选中提示高度
  */
  --transfer-select-tip-after-height: var(--line-1);
  /*
    @desc background
    @namespace size/common
    @semantic 选中提示背景色
  */
  --transfer-select-tip-after-background: var(--color-line1-4);
  /*
    @desc left
    @namespace size/common
    @semantic 选中提示左侧距离
  */
  --transfer-select-tip-after-left: var(--s-zero);
  /*
    @desc right
    @namespace size/common
    @semantic 选中提示距离右侧
  */
  --transfer-select-tip-after-right: 2.6666666666666665vw;
  /*
    @desc top
    @namespace size/common
    @semantic 选中提示顶部距离
  */
  --transfer-select-tip-after-top: var(--s-zero);
  /*
    @desc margin-top
    @namespace size/common
    @semantic 按钮顶部外边距
  */
  --transfer-button-margin-top: var(--s-5);
  /*
    @desc margin-top
    @namespace size/common
    @semantic 空内容顶部外边距
  */
  --transfer-empty-content-margin-top: 14.933333333333334vw;
}