/**
* 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-tag() {
  // 默认文字色值
  --ti-mobile-tag-color-default: var(--ti-mobile-color-text-primary, #191919);
  // 红色文字色值
  --ti-mobile-tag-color-red: var(--ti-mobile-color-eror, #f23030);
  // 蓝色文字色值
  --ti-mobile-tag-color-blue: var(--ti-mobile-color-info, #1476ff);
  // 黄色文字色值
  --ti-mobile-tag-color-yellow: var(--ti-mobile-color-warning, #d96900);
  // 绿色文字色值
  --ti-mobile-tag-color-green: var(--ti-mobile-color-success, #5cb300);
  // 默认背景色
  --ti-mobile-tag-bg-color-default: var(--ti-mobile-color-bg-disabled, #f0f0f0);
  // 红色背景色
  --ti-mobile-tag-bg-color-red: var(--ti-mobile-color-error-subtle, #fce3e1);
  // 蓝色背景色
  --ti-mobile-tag-bg-color-blue: var(--ti-mobile-color-info-subtle, #deecff);
  // 黄色背景色
  --ti-mobile-tag-bg-color-yellow: var(--ti-mobile-color-warning-subtle, #ffebd1);
  // 绿色背景色
  --ti-mobile-tag-bg-color-green: var(--ti-mobile-color-success-subtle, #e6f2d5);
  // 默认高度
  --ti-mobile-tag-height-default: var(--ti-mobile-space-6x, 24px);
  // 小尺寸高度
  --ti-mobile-tag-height-mini: calc(var(--ti-mobile-space-4x) + 2px);
  // 默认字体尺寸
  --ti-mobile-tag-font-size-default: var(--ti-mobile-font-size-m, 14px);
  // 小尺寸字体尺寸
  --ti-mobile-tag-font-size-mini: var(--ti-mobile-font-size-s, 12px);
  // 默认间距
  --ti-mobile-tag-padding-default: var(--ti-mobile-space-2x, 8px);
  // 小尺寸间距
  --ti-mobile-tag-padding-mini: var(--ti-mobile-space-1x, 4px);
  // 默认圆角尺寸
  --ti-mobile-tag-border-radius-default: var(--ti-mobile-border-radius-s, 4px);
  // 小尺寸圆角尺寸
  --ti-mobile-tag-border-radius-mini: var(--ti-mobile-border-radius-xs, 2px);
}
