/**
* 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.
*
*/

.component-css-vars-tree-menu() {
  // 宽度
  --ti-tree-menu-width: calc(var(--ti-common-space-10, 10px) * 27);
  // 节点高度
  --ti-tree-menu-node-height: var(--ti-common-size-10x, 40px);
  // 空数据显示文本字号(hide)
  --ti-tree-menu-font-size: var(--ti-common-font-size-base, 12px);
  // 边框色
  --ti-tree-menu-border-color: var(--ti-common-color-line-dividing, #dfe1e6);
  // 节点水平内边距
  --ti-tree-menu-node-body-text-padding-horizontal: 0;
  // 选中节点的背景色
  --ti-tree-menu-node-selected-bg-color: var(--ti-common-color-bg-light-normal, #e9edfa);
  // 选中节点文本色
  --ti-tree-menu-node-current-text-color: var(--ti-common-color-text-highlight, #526ecc);
  // 选中节点左边框色
  --ti-tree-menu-square-left-border-color: var(--ti-common-color-line-active, #5e7ce0);
  // 未选中节点文本色
  --ti-tree-menu-node-body-text-color: var(--ti-common-color-text-primary, #252b3a);
  // 节点悬浮背景色
  --ti-tree-menu-node-hover-bg-color: var(--ti-common-color-hover-background, #f2f5fc);
  // 折叠图标颜色
  --ti-tree-menu-collapse-icon-fill-color: var(--ti-common-color-icon-normal, #575d6c);
  // 底部折叠按钮
  --ti-tree-menu-collapse-icon-hover-color: var(--ti-common-bg-color-focus, #0067d1);
  // 折叠图标右边距
  --ti-tree-menu-collapse-icon-margin-right: var(--ti-common-size-2x, 8px);
  // 节点序号字号
  --ti-tree-menu-node-number-font-size: var(--ti-common-font-size-base, 12px);
  // 活跃节点竖线与文本的间距
  --ti-tree-menu-node-vertical-line-margin-right: var(--ti-common-size-4x, 16px);
  // 前缀图标右边距
  --ti-tree-menu-prefix-icon-margin-right: var(--ti-common-size-2x, 8px);
}
