/**
* 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-anchor-vars() {
  // 组件宽度
  --tv-Anchor-width: 160px;
  // 组件默认背景色
  --tv-Anchor-bg-color: var(--tv-color-bg-secondary, #fff);
  // 锚点默认文本色
  --tv-Anchor-text-color: var(--tv-color-text-secondary, #595959);
  // 锚点默认字号
  --tv-Anchor-font-size: var(--tv-font-size-default, 14px);
  // 选中锚点项默认文本色
  --tv-Anchor-link-text-color-active: var(--tv-color-text, #191919);
  // 锚点项左默认外边距
  --tv-Anchor-link-margin-left: var(--tv-space-sm, 4px);
  // 悬浮锚点项默认文本色
  --tv-Anchor-link-text-color-hover: var(--tv-color-text-secondary, #595959);
  // 选中锚点背景色
  --tv-Anchor-link-bg-color-active: var(--tv-color-bg-active, #f5f5f5);
  // 选中锚点滑块背景色
  --tv-Anchor-link-skid-bg-color-active: var(--tv-color-bg-active-primary, #191919);

  // line类型
  // 竖向轨道宽度
  --tv-Anchor-orbit-width: var(--tv-size-base, 4px);
  // 选中锚点蒙层背景色
  --tv-Anchor-link-mask-bg-color: transparent;
  // 锚点竖向轨道背景色
  --tv-Anchor-orbit-bg-color: var(--tv-color-border-divider-short, #dbdbdb);
  // 选中锚点竖向轨道滑块宽度
  --tv-Anchor-orbit-skid-width: var(--tv-size-base, 4px);

  // dot类型
  // dot类型圆点边框色
  --tv-Anchor-dot-border-color: var(--tv-color-border, #c2c2c2);
  // dot类型线条背景色
  --tv-Anchor-line-bg-color: var(--tv-color-border-divider-short, #dbdbdb);
  // dot类型选中项圆点背景色
  --tv-Anchor-dot-bg-color-active: var(--tv-color-bg-primary, #191919);
  // dot类型选中项圆点边框色
  --tv-Anchor-dot-border-color-active: var(--tv-color-border-hover, #191919);
  // dot类型线条透明度(hide)
  --tv-Anchor-line-opacity: 1;
}
