FileMaster

Edit File: radio-checkbox.css

.sc-form-check{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-size:var(--sc-input-font-size-medium);font-style:normal;font-weight:var(--sc-input-font-weight);font-weight:400;gap:.75em;line-height:var(--sc-checkbox-size)}.sc-check-input,.sc-check-input[type=checkbox],.sc-check-input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--sc-check-input-unchecked-background-color,#fff);background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid var(--sc-check-input-unchecked-border-color,rgba(0,0,0,.25));height:1em;margin:.25em 0;-webkit-print-color-adjust:exact;vertical-align:top;width:1em;color-adjust:exact;padding:7px}.sc-check-input[type=checkbox][type=radio],.sc-check-input[type=radio],.sc-check-input[type=radio][type=radio]{border-radius:50%}.sc-check-input[type=checkbox][type=radio]:checked,.sc-check-input[type=radio]:checked,.sc-check-input[type=radio][type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3E%3Ccircle r=%272%27 fill=%27%23fff%27/%3E%3C/svg%3E")}.sc-check-input[type=checkbox],.sc-check-input[type=checkbox][type=checkbox],.sc-check-input[type=radio][type=checkbox]{border-radius:.25em}.sc-check-input[type=checkbox]:checked,.sc-check-input[type=checkbox][type=checkbox]:checked,.sc-check-input[type=radio][type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3E%3Cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27m6 10 3 3 6-6%27/%3E%3C/svg%3E")}.sc-check-input[type=checkbox]:indeterminate,.sc-check-input[type=checkbox][type=checkbox]:indeterminate,.sc-check-input[type=radio][type=checkbox]:indeterminate{background-color:var(--sc-check-input-background-color,var(--sc-color-primary-500));background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3E%3Cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10h8%27/%3E%3C/svg%3E");border-color:var(--sc-check-input-border-color,var(--sc-color-primary-500))}.sc-check-input:checked,.sc-check-input[type=checkbox]:checked,.sc-check-input[type=radio]:checked{background-color:var(--sc-check-input-background-color,var(--sc-color-primary-500));border-color:var(--sc-check-input-border-color,var(--sc-color-primary-500))}

Back