jiku-ui/lib/theme-chalk/radio.css

A Component Library for Vue.js.

@charset "UTF-8";.hn-radio,.hn-radio--medium.is-bordered .hn-radio__label{font-size:14px}.hn-radio,.hn-radio__input{white-space:nowrap;line-height:1;outline:0}.hn-radio,.hn-radio__inner,.hn-radio__input{position:relative;display:inline-block}.hn-radio{color:#606266;font-weight:500;cursor:pointer;margin-right:30px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.hn-radio.is-bordered{padding:12px 20px 0 10px;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px}.hn-radio.is-bordered.is-checked{border-color:#409EFF}.hn-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#EBEEF5}.hn-radio__input.is-disabled .hn-radio__inner,.hn-radio__input.is-disabled.is-checked .hn-radio__inner{background-color:#F5F7FA;border-color:#E4E7ED}.hn-radio.is-bordered+.hn-radio.is-bordered{margin-left:10px}.hn-radio--medium.is-bordered{padding:10px 20px 0 10px;border-radius:4px;height:36px}.hn-radio--mini.is-bordered .hn-radio__label,.hn-radio--small.is-bordered .hn-radio__label{font-size:12px}.hn-radio--medium.is-bordered .hn-radio__inner{height:14px;width:14px}.hn-radio--small.is-bordered{padding:8px 15px 0 10px;border-radius:3px;height:32px}.hn-radio--small.is-bordered .hn-radio__inner{height:12px;width:12px}.hn-radio--mini.is-bordered{padding:6px 15px 0 10px;border-radius:3px;height:28px}.hn-radio--mini.is-bordered .hn-radio__inner{height:12px;width:12px}.hn-radio:last-child{margin-right:0}.hn-radio__input{cursor:pointer;vertical-align:middle}.hn-radio__input.is-disabled .hn-radio__inner{cursor:not-allowed}.hn-radio__input.is-disabled .hn-radio__inner::after{cursor:not-allowed;background-color:#F5F7FA}.hn-radio__input.is-disabled .hn-radio__inner+.hn-radio__label{cursor:not-allowed}.hn-radio__input.is-disabled.is-checked .hn-radio__inner::after{background-color:#C0C4CC}.hn-radio__input.is-disabled+span.hn-radio__label{color:#C0C4CC;cursor:not-allowed}.hn-radio__input.is-checked .hn-radio__inner{border-color:#409EFF;background:#409EFF}.hn-radio__input.is-checked .hn-radio__inner::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.hn-radio__input.is-checked+.hn-radio__label{color:#409EFF}.hn-radio__input.is-focus .hn-radio__inner{border-color:#409EFF}.hn-radio__inner{border:1px solid #DCDFE6;border-radius:100%;width:14px;height:14px;background-color:#FFF;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.hn-radio__inner:hover{border-color:#409EFF}.hn-radio__inner::after{width:4px;height:4px;border-radius:100%;background-color:#FFF;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s ease-in;transition:-webkit-transform .15s ease-in;transition:transform .15s ease-in;transition:transform .15s ease-in,-webkit-transform .15s ease-in}.hn-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.hn-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .hn-radio__inner{-webkit-box-shadow:0 0 2px 2px #409EFF;box-shadow:0 0 2px 2px #409EFF}.hn-radio__label{font-size:14px;padding-left:10px}