byted-vui/packages/theme-chalk/lib/radio-button.css

A Component Library for Vue.js.

@charset "UTF-8";.vi-radio-button,.vi-radio-button__inner{display:inline-block;position:relative;outline:0}.vi-radio-button__inner{line-height:1;white-space:nowrap;vertical-align:middle;background:#fff;border:1px solid #dcdfe6;font-weight:500;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.vi-radio-button__inner.is-round{padding:12px 20px}.vi-radio-button__inner:hover{color:#445D89}.vi-radio-button__inner [class*=el-icon-]{line-height:.9}.vi-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.vi-radio-button:first-child .vi-radio-button__inner{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.vi-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1}.vi-radio-button__orig-radio:checked+.vi-radio-button__inner{color:#fff;background-color:#445D89;border-color:#445D89;-webkit-box-shadow:-1px 0 0 0 #445D89;box-shadow:-1px 0 0 0 #445D89}.vi-radio-button__orig-radio:disabled+.vi-radio-button__inner{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5;-webkit-box-shadow:none;box-shadow:none}.vi-radio-button__orig-radio:disabled:checked+.vi-radio-button__inner{background-color:#f2f6fc}.vi-radio-button:last-child .vi-radio-button__inner{border-radius:0 4px 4px 0}.vi-radio-button:first-child:last-child .vi-radio-button__inner{border-radius:4px}.vi-radio-button--medium .vi-radio-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.vi-radio-button--medium .vi-radio-button__inner.is-round{padding:10px 20px}.vi-radio-button--small .vi-radio-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.vi-radio-button--small .vi-radio-button__inner.is-round{padding:9px 15px}.vi-radio-button--mini .vi-radio-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.vi-radio-button--mini .vi-radio-button__inner.is-round{padding:7px 15px}.vi-radio-button:focus:not(.is-focus):not(:active){-webkit-box-shadow:0 0 2px 2px #445D89;box-shadow:0 0 2px 2px #445D89}