/**
* 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-anchor() {
  // 组件默认背景色
  --ti-anchor-bg-color: var(--ti-common-color-bg-white-normal, #fff);
  // 组件宽度
  --ti-anchor-width: 'auto';
  // 锚点默认文本色
  --ti-anchor-text-color: var(--ti-common-color-text-primary, #252b3a);
  // 锚点默认字号
  --ti-anchor-font-size: var(--ti-common-font-size-1, 14px);
  // 选中锚点竖向轨道滑块背景色
  --ti-anchor-link-active-bg-color: var(--ti-common-color-selected-background, #5e7ce0);
  // 选中锚点竖向轨道滑块宽度
  --ti-anchor-orbit-skid-width: var(--ti-common-size-base, 4px);
  // 竖向轨道宽度
  --ti-anchor-orbit-width: var(--ti-common-size-base, 4px);
  // 选中锚点文本色
  --ti-anchor-link-active-text-color: var(--ti-common-color-primary-active, #7693f5);
  // 选中锚点蒙层背景色
  --ti-anchor-link-mask-bg-color: rgba(80, 115, 229, 0.15);
  // 悬浮锚点文本色
  --ti-anchor-link-hover-text-color: var(--ti-common-color-primary-active, #7693f5);
  // 锚点竖向轨道背景色
  --ti-anchor-orbit-bg-color: var(--ti-common-color-line-disabled, #dfe1e6);
  // 锚点左外边距
  --ti-anchor-link-margin-left: var(--ti-common-space-2x, 8px);
  // 锚点标题垂直内边距
  --ti-anchor-link-title-padding-vertical: var(--ti-common-space-1, 1px);
  // 锚点标题右外边距
  --ti-anchor-link-title-padding-right: var(--ti-common-space-2x, 8px);
  // 锚点标题左外边距
  --ti-anchor-link-title-padding-left: var(--ti-common-space-10, 10px);
}
