vars.less

/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.inject-DropdownItem-vars() {
  // 默认字号
  --tv-DropdownItem-font-size: var(--tv-font-size-default, 14px);
  // 默认行高
  --tv-DropdownItem-line-height: var(--tv-line-height-number, 1.5);
  // 默认文本色
  --tv-DropdownItem-text-color: var(--tv-color-text, #191919);
  // 选中 / （展开项）激活文本色
  --tv-DropdownItem-text-color-active: var(--tv-color-text-active, #1476ff);
  // 禁用文本色
  --tv-DropdownItem-text-color-disabled: var(--tv-color-text-disabled, #c2c2c2);
  // 选中文本字重
  --tv-DropdownItem-font-weight-checked: var(--tv-font-weight-bold, 600);

  // 默认图标尺寸
  --tv-DropdownItem-icon-size: var(--tv-icon-size, 16px);
  // 默认图标色
  --tv-DropdownItem-icon-color: var(--tv-color-icon, #808080);
  //图标悬浮色
  --tv-DropdownItem-icon-color-hover: var(--tv-color-icon-hover, #191919);
  // 图标禁用色
  --tv-DropdownItem-icon-color-disabled: var(--tv-color-icon-disabled, #c2c2c2);

  // 菜单项内边距
  --tv-DropdownItem-padding: 0 var(--tv-space-xl, 16px);
  // 菜单项下边距
  --tv-DropdownItem-margin-y: var(--tv-space-sm, 4px);
  // 展开图标的水平外边距
  --tv-DropdownItem-expand-margin-x: var(--tv-space-md, 8px);
  // 自定义图标的水平外边距
  --tv-DropdownItem-pre-icon-margin-x: var(--tv-space-sm, 4px);
  // 菜单项内容区的左侧外边距
  --tv-DropdownItem-content-margin-left: calc(
    var(--tv-DropdownItem-icon-size) + var(--tv-DropdownItem-expand-margin-x)
  );
  // 菜单项文本的左侧外边距
  --tv-DropdownItem-label-margin-left: calc(
    var(--tv-DropdownItem-icon-size) + var(--tv-DropdownItem-pre-icon-margin-x)
  );

  // 菜单项高度(默认）
  --tv-DropdownItem-height: var(--tv-size-height-md, 32px);
  // 菜单项高度(small）
  --tv-DropdownItem-height-sm: var(--tv-size-height-sm, 28px);
  // 菜单项高度(mini）
  --tv-DropdownItem-height-xs: var(--tv-size-height-mi, 24px);

  // 菜单项悬浮背景色
  --tv-DropdownItem-bg-color-hover: var(--tv-color-bg-hover, #f5f5f5);
  // 菜单项分割线
  --tv-DropdownItem-border-divider: var(--tv-border-width, 1px) solid var(--tv-color-border-divider, #f0f0f0);
}