fine-true/lib/radio/index.css

A small and beautiful Vue3 version of the UI Library

.fine-radio{cursor:pointer;margin-right:8px}.fine-radio-container,.fine-radio-inner{position:relative;cursor:pointer;display:inline-block}.fine-radio-container{white-space:nowrap;outline:0;line-height:1;vertical-align:middle}.fine-radio-container input{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.fine-radio-inner{border:1px solid #d9d9d9;border-radius:100%;width:16px;height:16px;background-color:#fff;box-sizing:border-box}.fine-radio-inner:after{width:8px;height:8px;border-radius:100%;background-color:#fff;content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease-in}.fine-radio-label{font-size:14px;padding-left:10px}.fine-radio-is-checked .fine-radio-inner{border-color:#409eff;box-shadow:0 0 3px 0 #409eff}.fine-radio-is-checked .fine-radio-inner:after{transform:translate(-50%,-50%) scale(1);transition:transform .15s ease-in;background-color:#409eff}.fine-radio-disabled{cursor:not-allowed}.fine-radio-disabled .fine-radio-inner{background-color:#f5f5f5;border-color:#d9d9d9}.fine-radio-disabled .fine-radio-label{color:rgba(0,0,0,.25)}.fine-radio-disabled.fine-radio-is-checked .fine-radio-inner{box-shadow:none}.fine-radio-disabled.fine-radio-is-checked .fine-radio-inner::after{background-color:rgba(0,0,0,.2)}