/**
* 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-Notify-vars() {
  //---------------------------------------------------------------- 全局场景
  // 通知的行高
  --tv-Notify-max-width: 340px;
  // 通知的行高
  --tv-Notify-line-height: var(--tv-line-height-number, 1.5);
  // 通知的背景色
  --tv-Notify-bg-color: var(--tv-color-bg-2, #ffffff);
  // 通知的圆角
  --tv-Notify-border-radius: var(--tv-border-radius-lg, 8px);
  // 通知的外阴影
  --tv-Notify-box-shadow: var(--tv-shadow-2-down, 0 2px 12px 0 rgba(0, 0, 0, 0.16));
  // 通知的水平内边距
  --tv-Notify-padding-x: var(--tv-space-xl, 16px);
  // 通知的垂直内边距
  --tv-Notify-padding-y: var(--tv-space-xl, 16px);
  // ----------------------------------------------------------------状态图标
  // 状态图标的大小
  --tv-Notify-status-icon-font-size: 24px;
  // 消息状态图标的右外边距
  --tv-Notify-status-icon-margin-right: var(--tv-space-md, 8px);
  // 成功状态时，图标的颜色
  --tv-Notify-status-icon-color-success: var(--tv-color-success-icon, #5cb300);
  // 错误状态时，图标的颜色
  --tv-Notify-status-icon-color-error: var(--tv-color-error-icon, #f23030);
  // 警告状态时，图标的颜色
  --tv-Notify-status-icon-color-warning: var(--tv-color-warn-icon, #ff8800);
  // 信息状态时，图标的颜色
  --tv-Notify-status-icon-color-info: var(--tv-color-info-icon, #1476ff);

  // ----------------------------------------------------------------消息区  title+message
  // 通知消息区的水平外边距
  --tv-Notify-msg-margin-x: var(--tv-space-md, 8px);

  // 通知标题的字体颜色
  --tv-Notify-title-text-color: var(--tv-color-text, #191919);
  // 通知标题的字体大小
  --tv-Notify-title-font-size: var(--tv-font-size-lg, 16px);
  // 通知标题的字重
  --tv-Notify-title-font-weight: var(--tv-font-weight-bold, 600);
  // 通知标题的下边距外边距
  --tv-Notify-title-margin-bottom: var(--tv-space-md, 8px);

  // 通知内容的字体颜色
  --tv-Notify-msg-text-color: var(--tv-color-text-secondary, #595959);
  // 通知内容的字体大小
  --tv-Notify-msg-font-size: var(--tv-font-size-default, 14px);
  // 通知内容的最大高度
  --tv-Notify-msg-max-height: 96px;

  // ----------------------------------------------------------------关闭图标
  // 关闭图标的大小
  --tv-Notify-close-icon-font-size: 20px;
  // 关闭图标的颜色
  --tv-Notify-close-icon-color: var(--tv-color-icon, #808080);
  // 关闭图标的悬浮
  --tv-Notify-close-icon-color-hover: var(--tv-color-icon-hover, #191919);
}

.inject-Notify-responsive-vars() {
  // 适配小屏定义-responsive-
  --tv-Notify-responsive-status-icon-size: var(--tv-icon-size, 16px);
  --tv-Notify-responsive-top-distance: calc(var(--tv-space-base, 4px) * 15);
  --tv-Notify-responsive-title-font-size: var(--tv-font-size-md, 14px);
  --tv-Notify-responsive-content-font-size: var(--tv-font-size-sm, 12px);
}