kingdot
Version:
A UI Components Library For Vue
1 lines • 1.49 kB
CSS
.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 #ccc;border-radius:50%;transition:all .25s ease-in-out;background:#fff;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:#557dfc;-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:#4c4c4c;-ms-flex:0 1 auto;flex:0 1 auto;line-height:20px}.kd-radio-checked .kd-radio-wrapper{border-color:#557dfc}.kd-radio-checked .kd-radio-wrapper:before{background-color:#557dfc;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.kd-radio-disabled{color:#ccc}.kd-radio-disabled .kd-radio-wrapper{border-color:#ccc;background:#f2f2f2}.kd-radio-disabled .kd-radio-wrapper:before{background:#ccc}.kd-radio-disabled .kd-radio-text{color:#ccc}.kd-radio-type{display:-ms-flexbox;display:flex;padding:4px 0}