/**
* 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-TimePanel-vars() {
  // 字号
  --tv-TimePanel-font-size: var(--tv-font-size-default, 14px);
  // 面板宽度
  --tv-TimePanel-width: 220px;
  // 面板外间距
  --tv-TimePanel-margin: var(--tv-space-sm, 4px) 0;
  // 面板内间距
  --tv-TimePanel-padding: 0 14px;
  // 面板背景色
  --tv-TimePanel-bg-color: var(--tv-color-bg-2, #ffffff);
  // 面板圆角
  --tv-TimePanel-border-radius: var(--tv-border-radius-md, 6px);
  // 面板阴影
  --tv-TimePanel-box-shadow: var(--tv-shadow-3-down, 0 4px 16px 0 rgba(0, 0, 0, 0.08));
  // 分割线颜色
  --tv-TimePanel-border-color-divider: var(--tv-color-border-divider, #f0f0f0);

  // 头部外间距
  --tv-TimePanel-header-margin: var(--tv-space-xl, 16px) 2px 0 2px;
  // 头部文本色
  --tv-TimePanel-header-text-color: var(--tv-color-text-weaken, #808080);
  // 内容区底部内间距
  --tv-TimePanel-content-padding-bottom: var(--tv-space-lg, 12px);

  // 按钮高度
  --tv-TimePanel-btn-height: var(--tv-size-height-sm, 28px);
  // 按钮圆角
  --tv-TimePanel-btn-border-radius: var(--tv-border-radius-md, 6px);
  // 按钮字重
  --tv-TimePanel-btn-font-weight: var(--tv-font-weight-bold, 600);
  // 按钮内间距
  --tv-TimePanel-btn-padding: 0 var(--tv-space-sm, 4px);
  // 确认按钮文本色 （修改前这个色 #b3d6ff，和场景不符，暂修改为链接按钮色，待确认）
  --tv-TimePanel-confirm-text-color: var(--tv-color-text-link, #1476ff);

  // 底部内间距
  --tv-TimePanel-footer-padding: var(--tv-space-xl, 16px);
  // 底部外间距
  --tv-TimePanel-footer-margin: 0 calc(-1 * var(--tv-space-xl, 16px));
}