/**
* 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-Milestone-vars() {
  // 默认字号(不含旗子部分)
  --tv-Milestone-font-size: var(--tv-font-size-default, 14px);
  // doing状态文本色
  --tv-Milestone-doing-text-color: var(--tv-color-text-inverse-tint, #fff);

  /* 图标节点部分 */
  // 实心显示节点光晕背景色
  --tv-Milestone-bg-color: var(--tv-color-bg-secondary, #fff);
  // 图标节点宽度
  --tv-Milestone-node-size: calc(var(--tv-size-base, 4px) * 8);
  // 图标节点默认边框厚度
  --tv-Milestone-icon-border-width: var(--tv-border-width, 1px);
  // 图标节点图标大小
  --tv-Milestone-icon-size: calc(var(--tv-icon-size, 16px) * 1.5);
  // 图标节点图标色
  --tv-Milestone-icon-color: var(--tv-color-icon-active, #191919);
  // 完成图标节点边框粗细
  --tv-Milestone-icon-border-width-completed: var(--tv-border-width, 1px);

  /* 节点线部分 */
  // 未完成线路背景色
  --tv-Milestone-line-bg-color: var(--tv-color-bg-disabled-control-checked, #dbdbdb);
  // 完成节点线路背景色
  --tv-Milestone-line-bg-color-completed: var(--tv-color-bg-primary, #191919);
  // 线高度
  --tv-Milestone-line-height: var(--tv-border-width, 1px);

  /* 横向节点下方部分 */
  // 节点下方日期文本色
  --tv-Milestone-status-text-color: var(--tv-color-text-weaken, #808080);
  // 节点下方日期文本字号
  --tv-Milestone-status-font-size: var(--tv-font-size-sm, 12px);
  // 已完成节点边框色
  --tv-Milestone-status-completed-border-color: var(--tv-color-border-active, #191919);
  // 已完成节点背景色
  --tv-Milestone-status-completed-bg-color: var(--tv-color-bg-active-secondary, #ffffff);

  /* 旗子部分 */
  // 旗子宽度
  --tv-Milestone-flag-width: calc(var(--tv-size-base, 4px) * 22);
  // 旗子高度
  --tv-Milestone-flag-height: calc(var(--tv-size-base, 4px) * 11.5);
  // 旗子内间距
  --tv-Milestone-flag-padding: var(--tv-space-base, 4px);
  // 旗子行高
  --tv-Milestone-flag-line-height: var(--tv-line-height-number, 1.5);
  // 旗子字号
  --tv-Milestone-flag-font-size: var(--tv-font-size-default, 14px);
  // 旗子圆角
  --tv-Milestone-flag-border-radius: 0 var(--tv-border-radius-lg, 8px) var(--tv-border-radius-lg, 8px) 0;
  // 旗子文本色
  --tv-Milestone-text-color: var(--tv-color-text-inverse-black, #191919);
  // 旗子背景色
  --tv-Milestone-flag-bg-color: var(--tv-color-bg, #f5f5f5);
  // 旗子标题字重
  --tv-Milestone-flag-name-font-weight: var(--tv-font-weight-bold, 600);
  // 旗子描述文本色
  --tv-Milestone-flag-desc-text-color: var(--tv-color-text-inverse-black, #191919);
  // 旗子描述字号大小
  --tv-Milestone-flag-desc-font-size: var(--tv-font-size-sm, 12px);

  /* 旗子线部分 */
  // 旗子线背景色
  --tv-Milestone-flag-line-bg-color: var(--tv-color-bg, #f5f5f5);
}