@import '~@cainiaofe/cn-ui-m-theme/token.px.scss';
/*
  @component action-sheet
  @display ActionSheet
  @chinese 动作面板
  @family feedback
*/
:root {
  /**
    @desc padding(l,r)
    @semantic 左右内边距
    @namespace size/bounding
   */
  --cn-action-sheet-padding-lr: #{$m-s-16};
  /**
    @desc padding(t,b)
    @semantic 上下内边距
    @namespace size/bounding
   */
  --cn-action-sheet-padding-tb: #{$m-s-13};
  /**
    @desc padding(t,b)
    @semantic 选项左右内边距
    @namespace size/bounding
   */
  --cn-action-sheet-options-padding-lr: #{$m-s-16};
  /*
    @desc bg-color
    @semantic 背景色
    @namespace style/common
   */
  --cn-action-sheet-bg-color: #{$m-color-bg-disabled};
  /*
    @desc msg-font-color
    @semantic 标题字体色
    @namespace style/title
   */
  --cn-action-sheet-msg-font-color: #{$m-color-text-tip};
  /*
    @desc msg-font-size
    @semantic 标题字体大小
    @namespace size/title
   */
  --cn-action-sheet-msg-font-size: #{$m-font-size-body-1};
  /**
    @desc msg-padding
    @semantic 标题内边距
    @namespace size/title
   */
  --cn-action-sheet-msg-padding: #{$m-s-12};
  /*
    @desc msg-menu-font-color
    @semantic 菜单标题字体色
    @namespace style/title
   */
  --cn-action-sheet-msg-menu-font-color: #{$m-color-text-title1};
  /*
    @desc msg-menu-font-size
    @semantic 菜单标题字体大小
    @namespace size/title
   */
  --cn-action-sheet-msg-menu-font-size: #{$m-font-size-headline-6};
  /*
    @desc msg-menu-font-weight
    @semantic 菜单标题字体权重
    @namespace style/title
   */
  --cn-action-sheet-msg-menu-font-weight: #{$m-font-weight-medium};
  /*
    @desc bg-color
    @semantic 选择项背景色
    @namespace style/common
   */
  --cn-action-sheet-option-bg-color: #{$m-color-bg-white};

  /*
    @desc container-color
    @semantic 容器背景色
    @namespace style/common
   */
  --cn-action-sheet-option-container-color: #{$m-color-bg-disabled};
  /*
    @desc divider-color
    @semantic 分割线色
    @namespace style/content
   */
  --cn-action-sheet-option-border-color: #{$m-color-bg-disabled};
  /*
    @desc item-font-color
    @semantic 字体色
    @namespace style/content
   */
  --cn-action-sheet-option-font-color: #{$m-color-text};
  /*
    @desc active-item-font-color
    @semantic 字体色（激活）
    @namespace style/content
   */
  --cn-action-sheet-option-font-color-hover: #{$m-color-primary};
  /*
    @desc disabled-item-font-color
    @semantic 字体色（禁用）
    @namespace style/content
   */
  --cn-action-sheet-option-font-color-disabled: #{$m-color-text-disabled};
  /*
    @desc item-font-size
    @semantic 字体大小
    @namespace size/content
   */
  --cn-action-sheet-option-font-size: #{$m-font-size-body-1};
  /*
    @desc cancel-gap-size
    @semantic 取消按钮间隙
    @namespace size/content
   */
  --cn-action-sheet-gap-height: #{$m-s-8};
  /*
    @desc corner
    @semantic 圆角
    @namespace size/bounding
   */
  --cn-action-sheet-corner: #{$m-s-16};
  /*
    @desc icon-color
    @semantic 图标圆角
    @namespace size/content
   */
  --cn-action-sheet-icon-corner: #{$m-s-8};
}