element-ui
Version:
A Component Library for Vue.js.
1 lines • 3.56 kB
CSS
@charset "UTF-8";.el-radio-button__inner,.el-radio__input{line-height:1;vertical-align:middle;outline:0}.el-radio,.el-radio__inner,.el-radio__input{position:relative;cursor:pointer}.el-radio-button__inner,.el-radio__inner{border:1px solid #C0CCDA;box-sizing:border-box}.el-radio,.el-radio-button__inner{display:inline-block;white-space:nowrap;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-radio{color:#1f2d3d}.el-radio+.el-radio{margin-left:15px}.el-radio__input{white-space:nowrap;display:inline-block}.el-radio__inner{width:18px;height:18px;border-radius:50%;background-color:#fff;display:inline-block}.el-radio__inner:not(.is-disabled):hover{border-color:#20a0ff}.el-radio__inner::after{width:6px;height:6px;border-radius:50%;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 cubic-bezier(.71,-.46,.88,.6);transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6);transition:transform .15s cubic-bezier(.71,-.46,.88,.6);transition:transform .15s cubic-bezier(.71,-.46,.88,.6),-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6)}.el-radio__inner.is-disabled.is-checked{background-color:#D3DCE6;border-color:#D3DCE6}.el-radio__inner.is-disabled.is-checked::after{background-color:#fff}.el-radio__inner.is-focus{border-color:#20a0ff}.el-radio__inner.is-checked{border-color:#20a0ff;background:#20a0ff}.el-radio__inner.is-disabled,.el-radio__inner.is-disabled::after{background-color:#EFF2F7;cursor:not-allowed}.el-radio__inner.is-checked::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__inner.is-disabled{border-color:#D3DCE6}.el-radio__inner.is-disabled+.el-radio__label{cursor:not-allowed}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio__label{font-size:14px;padding-left:5px}.el-radio-group{display:inline-block;font-size:0}.el-radio-group .el-radio{font-size:14px}.el-radio-button{position:relative;overflow:hidden;display:inline-block}.el-radio-button:not(:last-child){margin-right:-1px}.el-radio-button:first-child .el-radio-button__inner{border-radius:4px 0 0 4px}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.el-radio-button__inner{background:#fff;color:#1F2D3D;-webkit-appearance:none;text-align:center;margin:0;position:relative;cursor:pointer;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1),color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1),color .2s cubic-bezier(.645,.045,.355,1);padding:10px 15px;font-size:14px;border-radius:0}.el-radio-button__inner:hover{color:#20a0ff}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1;left:-999px}.el-radio-button__orig-radio:checked+.el-radio-button__inner{z-index:1;color:#20a0ff;border-color:#20a0ff}.el-radio-button__orig-radio:disabled+.el-radio-button__inner{color:#C0CCDA;cursor:not-allowed;background-image:none;background-color:#EFF2F7;border-color:#D3DCE6}.el-radio-button--large .el-radio-button__inner{padding:11px 19px;font-size:16px;border-radius:0}.el-radio-button--small .el-radio-button__inner{padding:7px 9px;font-size:12px;border-radius:0}.el-radio-button--mini .el-radio-button__inner{padding:4px;font-size:12px;border-radius:0}