v1.css 1.9 KB

12345678910111213
  1. .think-check-list.check-list {padding-top: 0;}
  2. .think-check-list .item-control.is-checked {border: 1px solid var(--color-primary-500); color: var(--color-primary-500);}
  3. .think-check-list .item-control.is-checked textarea.form-control {color: var(--color-fore); min-height: 30px;}
  4. .think-check-list .item-control:hover {border: 1px solid var(--color-primary-500);}
  5. .think-check-list .checkbox-primary, .think-check-list .radio-primary {min-height: 16px;}
  6. .think-check-list .checkbox-primary {--checkbox-size: 14px; width: 14px;}
  7. .think-check-list .checkbox-primary>input[type=checkbox]:checked+label:after {top: 1px; left: 1px; --tw-content: "\e5ca"; color: var(--color-primary-500); font-weight: 600; font-size: 12px;}
  8. .think-check-list .checkbox-primary.checked>label:before, .think-check-list .checkbox-primary>input[type=checkbox]:checked+label:before {background-color: unset; border-color: var(--color-primary-500); color: var(--color-primary-500);}
  9. .think-check-list .checkbox-primary.checked>label, .think-check-list .radio-primary>label {font-family: ZentaoIcon !important; padding-left: 14px;}
  10. .think-check-list .radio-primary>label:before, .think-check-list .radio-primary.checked>label:before, .think-check-list .radio-primary>input[type=radio]:checked+label:before {display: none;}
  11. .think-check-list .radio-primary>label:after {--tw-content: "\e5ca"; color: var(--color-primary-500); font-size: 14px; background-color: unset; top: -2px; left: 2px; font-weight: 600;}
  12. .think-check-list[disabled] .item-control {background-color: rgba(var(--color-gray-100-rgb),var(--tw-bg-opacity)); border-color: rgba(var(--color-gray-300-rgb),var(--tw-border-opacity)); --tw-bg-opacity: .6; color: rgba(var(--color-black-rgb),var(--tw-text-opacity));}
  13. .think-check-list[disabled] .item-control.is-checked {background-color: rgba(var(--color-gray-300-rgb),var(--tw-bg-opacity)); --tw-bg-opacity: .4;}