yk-smart-ui-test/packages/theme-chalk/lib/radio.css

A Component Library for Vue.js.

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