@import '~@cainiaofe/cn-ui-m-theme/token.px.scss';

/*
  @component select-drawer
  @display SelectDrawer
  @chinese 选择抽屉
  @family utils
*/
:root {
  /*
    @desc small-padding-tb
    @namespace  size/small
    @semantic  上下内边距(小号)
  */
  --cn-select-drawer-small-padding-tb: #{$m-s-4};
  /*
    @desc medium-padding-tb
    @namespace  size/medium
    @semantic  上下内边距(中号)
  */
  --cn-select-drawer-medium-padding-tb: #{$m-s-14};
  /*
    @desc padding-tb
    @namespace  size/large
    @semantic  上下内边距(大号)
  */
  --cn-select-drawer-large-padding-tb: #{$m-s-16};
  /*
    @desc padding-lr
    @namespace  size/normal
    @semantic  左右内边距
  */
  --cn-select-drawer-padding-lr: #{$m-s-16};
  /*
    @desc color
    @namespace  style/normal
    @semantic  内容颜色
  */
  --cn-select-drawer-normal-color: #{$m-color-text};
  /*
    @desc  color
    @namespace  style/inverse
    @semantic  内容颜色（反色）
  */
  --cn-select-drawer-inverse-color: #{$m-color-bg-white};
  /*
    @desc  disabled-color
    @namespace  style/normal
    @semantic  内容颜色（禁用)
  */
  --cn-select-drawer-disabled-color: #{$m-color-text-disabled};
  /*
    @desc  disabled-color
    @namespace  style/inverse
    @semantic  内容颜色(反色-禁用)
  */
  --cn-select-drawer-inverse-disabled-color: #{$m-color-text-disabled};
  /*
    @desc  icon-color
    @namespace  style/normal
    @semantic  箭头颜色
  */
  --cn-select-drawer-normal-icon-color: #{$m-color-bg-darker1};
  /*
    @desc  icon-color
    @namespace  style/inverse
    @semantic  箭头颜色(反色)
  */
  --cn-select-drawer-inverse-icon-color: #{$m-color-bg-white};
  /*
    @desc  icon-disabled-color
    @namespace  style/inverse
    @semantic  箭头颜色（禁用）
  */
  --cn-select-drawer-inverse-disabled-icon-color: #{$m-color-bg-disabled};

  /*
    @desc  title-color
    @namespace  style/normal
    @semantic  标题颜色
  */
  --cn-select-drawer-title-color: #{$m-color-text-title1};
  /*
    @desc  placeholder-color
    @namespace  style/normal
    @semantic  占位文本颜色
  */
  --cn-select-drawer-normal-placeholder-color: #{$m-color-text-tip};
  /*
    @desc  placeholder-color
    @namespace  style/inverse
    @semantic  占位颜色(反色)
  */
  --cn-select-drawer-inverse-placeholder-color: #{$m-color-bg-disabled};
  /*
    @desc  font-size
    @namespace  size/large
    @semantic  字体大小(大号)
  */
  --cn-select-drawer-large-font-size: #{$m-font-size-body-1};
  /*
    @desc  font-size
    @namespace  size/medium
    @semantic  字体大小(中号)
  */
  --cn-select-drawer-medium-font-size: #{$m-font-size-body-1};
  /*
    @desc  font-size
    @namespace  size/small
    @semantic  字体大小(小号)
  */
  --cn-select-drawer-small-font-size: #{$m-font-size-body-1};
  /*
    @desc  icon-size
    @namespace  size/large
    @semantic  图标大小(大号)
  */
  --cn-select-drawer-large-icon-size: #{$m-icon-s};
  /*
    @desc  icon-size
    @namespace  size/medium
    @semantic  图标大小(中号)
  */
  --cn-select-drawer-medium-icon-size: #{$m-icon-s};
  /*
    @desc  icon-size
    @namespace  size/small
    @semantic  图标大小(小号)
  */
  --cn-select-drawer-small-icon-size: #{$m-icon-s};
  /*
    @desc  empty-padding-lr
    @namespace  style/empty
    @semantic  空选项时弹出框左右内边距
  */
  --cn-select-drawer-empty-padding-lr: #{$m-s-32};
  /*
    @desc  padding(t,b)
    @namespace  style/empty
    @semantic  空选项时弹出框上下内边距
  */
  --cn-select-drawer-empty-padding-tb: #{$m-s-40};
  /*
    @desc  content-font-color
    @namespace  style/empty
    @semantic  空选项弹出框提示文案字体颜色
  */
  --cn-select-drawer-empty-font-color: #{$m-color-text-tip};
  /*
    @desc  content-font-size
    @namespace  style/empty
    @semantic  空选项弹出框提示文案字体大小
  */
  --cn-select-drawer-empty-font-size: #{$m-font-size-body-1};
}