painless-ui
Version:
2 lines (1 loc) • 788 B
CSS
.ui-radio-container{display:inline-flex;position:relative;margin:3px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-radio-container input.ui-radio{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%;left:0}.ui-radio-container input.ui-radio:checked ~ .checkmark{background-color:inherit}.ui-radio-container input.ui-radio:checked ~ .checkmark:after{display:block}.ui-radio-container .checkmark{position:absolute;left:0;height:25px;width:25px;background-color:#eee;border-radius:50%}.ui-radio-container .checkmark:after{content:"";position:absolute;display:none;top:30%;left:30%;width:40%;height:40%;border-radius:50%;background:white}.ui-radio-container:hover input ~ .checkmark{background-color:#ccc}