cip-components/styles/cci-stardand/checkbox.less

@import "../variate.less";
.@{elNamespace}-radio {
  --el-radio-input-height: 16px;
  --el-radio-input-width: 16px;
}
.@{elNamespace}-radio.@{elNamespace}-radio--large .el-radio__inner {
  width: 16px;
  height: 16px;
}
.@{elNamespace}-radio__inner::after {
  width: 8px;
  height: 8px;
}
.@{elNamespace}-radio__input.is-checked .@{elNamespace}-radio__inner {
  border-color: var(--el-color-primary);
  background: var(--el-color-white);
  &:after {
    background: var(--el-color-primary)
  }
}
//.@{elNamespace}-radio.@{elNamespace}-radio--large .@{elNamespace}-radio__inner {
//  --el-radio-input-height: 16px;
//  --el-radio-input-width: 16px;
//}

.@{elNamespace}-checkbox {
  --el-checkbox-input-height: 16px;
  --el-checkbox-input-width: 16px;
}
.@{elNamespace}-checkbox__label {
  line-height: normal;
}
.@{elNamespace}-checkbox__inner::after{
  height: 9px;
  width: 3.2px;
  left: 5px;
  top: 0.3px;
}
.@{elNamespace}-checkbox.@{elNamespace}-checkbox--small .@{elNamespace}-checkbox__inner::after {
  left: 4px;
  top: 0.3px;
}
.@{elNamespace}-checkbox.@{elNamespace}-checkbox--large .@{elNamespace}-checkbox__inner::after {
  left: 4px;
  top: 0.3px;
}
.@{elNamespace}-checkbox.el-checkbox--large .@{elNamespace}-checkbox__inner {
  width: 16px;
  height: 16px;
  &:after {
    left: 5px;
    top: 0.3px;
  }
}
.@{elNamespace}-checkbox__input.is-indeterminate .@{elNamespace}-checkbox__inner::before {
  width: 8.75px;
  height: 1px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.@{elNamespace}-check-tag.is-checked {
  position: relative;
  background-color: var(--el-color-primary-light-9);
  &:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    border: 1px solid var(--el-color-primary);
    left: 0;
    top: 0;
    border-radius: 1px;
  }
}