This repository has been archived on 2025-09-14. You can view files and clone it, but cannot push or open issues or pull requests.
Files
nezha-nezha-fronted/nezha-fronted/src/assets/css/common/checkbox.scss
2022-08-05 15:22:46 +08:00

49 lines
1.5 KiB
SCSS

.el-checkbox__input.is-focus .el-checkbox__inner,
.el-checkbox__input .el-checkbox__inner:hover,
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
border-color: $--color-primary;
}
.el-checkbox__input.is-checked .el-checkbox__inner {
background-color: $--color-primary !important;
}
.el-checkbox__input.is-checked.is-disabled .el-checkbox__inner{
//background-color: $--background-color-empty !important;
//border-color: $--border-color-base !important;
}
.el-checkbox__input.is-disabled .el-checkbox__inner{
background-color: $--background-color-empty !important;
border-color: $--border-color-base !important;
}
.el-checkbox__input.is-checked.is-disabled .el-checkbox__inner:hover{
border-color: $--border-color-base !important;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
//display: none !important;
}
.el-checkbox__input.is-disabled{
width: 16px !important;
height: 16px !important;
}
.el-checkbox__inner {
width: 16px !important;
height: 16px !important;
// background-color: $--checkbox-background-color !important;
}
.el-checkbox__inner::after {
top: 2px;
left: 5px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
top: 6px !important;
}
.el-checkbox__inner, .el-input__inner {
border-color: $--checkbox-border-color;
background-color: $--background-color-empty !important;
}
.el-input__inner {
border-color: $--border-color-light;
}