kingdot/lib/theme/Radio.css

A UI Components Library For Vue

.kd-radio{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-ms-flex-align:center;align-items:center;vertical-align:middle;margin-top:-3px}.kd-radio .kd-radio-wrapper{position:relative;display:inline-block;-ms-flex:0 0 auto;flex:0 0 auto;width:14px;height:14px;vertical-align:middle;border:1px solid #525c77;border-radius:50%;transition:all .25s ease-in-out;background:#222a41;box-sizing:border-box}.kd-radio .kd-radio-wrapper:before{content:"";display:block;position:absolute;top:50%;left:50%;width:8px;height:8px;margin-left:-4px;margin-top:-4px;border-radius:50%;background-color:#fff;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:all .25s ease-in-out}.kd-radio .kd-radio-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.kd-radio-disabled,.kd-radio-disabled .kd-radio-input{cursor:not-allowed}.kd-radio .kd-radio-text{display:inline-block;vertical-align:middle;margin-left:8px;font-size:12px;color:#fff;-ms-flex:0 1 auto;flex:0 1 auto;line-height:20px}.kd-radio-checked .kd-radio-wrapper{border-color:#525c77}.kd-radio-checked .kd-radio-wrapper:before{background-color:#fff;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.kd-radio-disabled{color:#4f566d}.kd-radio-disabled .kd-radio-wrapper{border-color:#4f566d;background:#222a41}.kd-radio-disabled .kd-radio-wrapper:before{background:#4f566d}.kd-radio-disabled .kd-radio-text{color:#4f566d}.kd-radio-type{display:-ms-flexbox;display:flex;padding:4px 0}