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

@import "../variate.less";
.@{elNamespace}-radio {
  --@{elNamespace}-radio-input-height: 16px;
  --@{elNamespace}-radio-input-width: 16px;
}
.@{elNamespace}-radio.@{elNamespace}-radio--large .@{elNamespace}-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(~'--@{elNamespace}-color-primary');
  background: var(~'--@{elNamespace}-color-white');
  &:after {
    background: var(~'--@{elNamespace}-color-primary')
  }
}
//.@{elNamespace}-radio.@{elNamespace}-radio--large .@{elNamespace}-radio__inner {
//  --@{elNamespace}-radio-input-height: 16px;
//  --@{elNamespace}-radio-input-width: 16px;
//}

.@{elNamespace}-checkbox {
  --@{elNamespace}-checkbox-input-height: 16px;
  --@{elNamespace}-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.@{elNamespace}-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(~'--@{elNamespace}-color-primary-light-9');
  &:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    border: 1px solid var(~'--@{elNamespace}-color-primary');
    left: 0;
    top: 0;
    border-radius: 1px;
  }
}