forked from opentiny/tiny-vue
53 lines
2.5 KiB
Plaintext
53 lines
2.5 KiB
Plaintext
/**
|
||
* 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-Checkbox-vars() {
|
||
// 复选框内部svg尺寸
|
||
--tv-Checkbox-icon-size: var(--tv-icon-size, 16px);
|
||
// 默认复选框未选中禁用背景色
|
||
--tv-Checkbox-bg-color-disabled: var(--tv-color-bg-disabled, #f0f0f0);
|
||
// 默认复选框文本色
|
||
--tv-Checkbox-text-color: var(--tv-color-text, #191919);
|
||
// 默认复选框字号
|
||
--tv-Checkbox-font-size: var(--tv-font-size-default, 14px);
|
||
// 默认复选框字重
|
||
--tv-Checkbox-font-weight: var(--tv-font-weight-regular, 400);
|
||
// 默认复选框未选中项边框色
|
||
--tv-Checkbox-border-color: var(--tv-color-border, #c2c2c2);
|
||
// 默认复选框禁用时，label文本色
|
||
--tv-Checkbox-label-text-color-disabled: var(--tv-color-text-disabled, #c2c2c2);
|
||
// 默认复选框边框圆角
|
||
--tv-Checkbox-border-radius: var(--tv-border-radius-sm, 4px);
|
||
// 默认复选框外边框圆角
|
||
--tv-Checkbox-outline-border-radius: var(--tv-border-radius-md, 6px);
|
||
// 默认复选框的右侧外边距
|
||
--tv-Checkbox-label-margin-right: 24px;
|
||
// 边框模式复选框禁用边框色
|
||
--tv-Checkbox-border-color-disabled: var(--tv-color-border-disabled, #dbdbdb);
|
||
// 复选框过滤器模式底色
|
||
--tv-Checkbox-bg-color-filter: var(--tv-color-bg-gray-2, #e6e6e6);
|
||
// 复选框全选半选选中背景色
|
||
--tv-Checkbox-bg-color-active: var(--tv-color-bg-active-control, #1476ff);
|
||
// 复选框全选半选选中边框色
|
||
--tv-Checkbox-border-color-inverse: var(--tv-color-text-inverse, #ffffff);
|
||
// 复选框未选边框色
|
||
--tv-Checkbox-unchecked-border-color: var(--tv-color-border, #c2c2c2);
|
||
// 复选框未选边框hover色
|
||
--tv-Checkbox-unchecked-border-color-hover: var(--tv-color-border-active, #191919);
|
||
// 复选框选中禁用背景色
|
||
--tv-Checkbox-checked-disabled-bg-color: var(--tv-color-icon-checked-disabled, #dbdbdb);
|
||
// 复选框选中禁用边框色
|
||
--tv-Checkbox-checked-disabled-border-color: var(--tv-color-bg-disabled-control-unactive, #dbdbdb);
|
||
// 复选框禁用反白色
|
||
--tv-Checkbox-icon-inverse-disabled: var(--tv-color-bg-inverse-disabled)
|
||
}
|