/**
* 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-FormItem-vars() {
  // 表单项行高
  --tv-FormItem-line-height: var(--tv-line-height-number, 1.5);
  // 表单项字号大小
  --tv-FormItem-font-size: var(--tv-font-size-default, 14px);
  // 表单项字体颜色
  --tv-FormItem-text-color: var(--tv-color-text, #191919);
  // 表单项辅助字体颜色
  --tv-FormItem-text-color-weaken: var(--tv-color-text-weaken, #808080);
  // 表单项错误提示字体颜色
  --tv-FormItem-text-color-error: var(--tv-color-error-text, #f23030);
  // 表单项错误提示图标颜色
  --tv-FormItem-icon-color-error: var(--tv-color-error-icon, #f23030);
  // 表单项错误背景颜色
  --tv-FormItem-bg-color-error: var(--tv-color-error-bg-light, #fce3e1);
  // 表单项错误边框颜色
  --tv-FormItem-border-color-error: var(--tv-color-error-border, #f23030);
  // 表单项高度
  --tv-FormItem-height: var(--tv-size-height-md, 32px);
  // 表单项下侧外边距
  --tv-FormItem-margin-bottom: var(--tv-space-xxl, 24px);
  // 行内表单外边距
  --tv-FormItem-inline-margin-right: var(--tv-space-xxl, 24px);
  // 表单校验块级错误消息上侧内边距
  --tv-FormItem-error-block-padding-top: var(--tv-space-md, 8px);
  // -------label相关样式-------
  // 表单输入框左侧文本内边距
  --tv-FormItem-label-padding-right: var(--tv-space-xxl, 24px);
  // -------大尺寸表单-------
  // 大尺寸表单项高度
  --tv-FormItem-height-lg: var(--tv-size-height-lg, 40px);
  // 大尺寸表单项下侧外边距
  --tv-FormItem-margin-bottom-lg: var(--tv-space-xxl, 24px);
  // -------小尺寸表单-------
  // 小尺寸表单项高度
  --tv-FormItem-height-sm: var(--tv-size-height-sm, 28px);
  // 小尺寸表单项下侧外边距
  --tv-FormItem-margin-bottom-sm: var(--tv-space-xxl, 24px);
  // -------mini尺寸表单-------
  // mini尺寸表单项高度
  --tv-FormItem-height-xs: var(--tv-size-height-xs, 24px);
  // mini尺寸表单项下侧外边距
  --tv-FormItem-margin-bottom-xs: var(--tv-space-xl, 16px);
}

.inject-FormItem-responsive-vars() {
  // 适配小屏定义-responsive-
  --tv-FormItem-responsive-padding-bottom: var(--tv-space-sm, 4px);
}