/**
* Copyright (c) 2023 - present TinyVue Authors.
* Copyright (c) 202 - 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-Drawer-vars() {
  // 最小宽度
  --tv-Drawer-min-width: 500px;
  // 最大宽度
  --tv-Drawer-max-width: 1000px;
  // 背景色
  --tv-Drawer-bg-color: var(--tv-color-bg-3, #ffffff);
  // 抽屉容器与内容间距
  --tv-Drawer-padding: var(--tv-space-xxxl, 32px);
  // 内容底部边框色
  --tv-Drawer-divider-body-border-color: var(--tv-color-border-divider, #f0f0f0);
  // 抽屉组件圆角
  --tv-Drawer-border-radius-size: var(--tv-border-radius-sm, 4px);
  // 遮罩层背景色
  --tv-Drawer-mask-bg-color: var(--tv-color-bg-mask, rgba(0, 0, 0, 20%));
  // 阴影
  --tv-Drawer-shadow: var(--tv-shadow-4-left, -8px 0 24px 0 rgba(0, 0, 0, 0.16));
  // 头部字号
  --tv-Drawer-head-title-font-size: var(--tv-font-size-heading-md, 20px);
  // 头部标题字重
  --tv-Drawer-head-title-font-weight: var(--tv-font-weight-bold, 600);
  // 头部标题字体色
  --tv-Drawer-head-title-text-color: var(--tv-color-text, #191919);
  // 关闭按钮图标色
  --tv-Drawer-close-icon-color: var(--tv-color-icon, #808080);
  // 关闭按钮悬浮图标色
  --tv-Drawer-close-icon-color-hover: var(--tv-color-icon-hover, #191919);
  // 帮助图标宽高
  --tv-Drawer-help-icon-width-height: var(--tv-icon-size, 16px);
  // 帮助图标色
  --tv-Drawer-help-icon-color: var(--tv-color-icon-control, #191919);
}
.inject-Drawer-responsive-vars() {
  // 适配小屏定义-responsive-
  --tv-Drawer-responsive-space-unit: var(--tv-space-xxl, 24px);
  --tv-Drawer-responsive-font-size-xl: var(--tv-font-size-xl, 18px);
}