element-gui/lib/theme-chalk/radio-tag.css

A Component Library for Vue.js.

.el-radio-tag,.el-radio-tag__inner{display:inline-block;position:relative}.el-radio-tag{outline:0}.el-radio-tag .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--primary__inne{outline:#1890ff solid 1px}.el-radio-tag .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--info__inner{outline:#666 solid 1px}.el-radio-tag .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--success__inner{outline:#57b21c solid 1px}.el-radio-tag .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--warning__inner{outline:#fc9306 solid 1px}.el-radio-tag .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--danger__inner{outline:#e82f2f solid 1px}.el-radio-tag .el-radio-tag--primary__inner{background-color:#dceeff;border-color:#d1e9ff;color:#1890ff}.el-radio-tag .el-radio-tag--info__inner{background-color:#f3f3f3;border-color:#efefef;color:#666}.el-radio-tag .el-radio-tag--success__inner{background-color:#e6f3dd;border-color:#ddf0d2;color:#57b21c}.el-radio-tag .el-radio-tag--warning__inner{background-color:#ffefda;border-color:#fee9cd;color:#fc9306}.el-radio-tag .el-radio-tag--danger__inner{background-color:#fce0e0;border-color:#fad5d5;color:#e82f2f}.el-radio-tag__inner{line-height:1;font-weight:400;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-appearance:none;text-align:center;outline:0;transition:all .3s cubic-bezier(.645,.045,.355,1);border:1px solid;box-sizing:border-box;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:9px 15px;font-size:14px;border-radius:2px}.el-radio-tag.is-disabled .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--primary__inne,.el-radio-tag.is-plain .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--primary__inne,.el-radio-tag:hover .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--primary__inne{outline:#1890ff solid 1px}.el-radio-tag__inner.is-round{padding:9px 15px}.el-radio-tag__inner [class*=el-icon-]{line-height:.8}.el-radio-tag__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-tag+.el-radio-tag{margin-left:10px}.el-radio-tag:hover .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--info__inner{outline:#666 solid 1px}.el-radio-tag:hover .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--success__inner{outline:#57b21c solid 1px}.el-radio-tag:hover .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--warning__inner{outline:#fc9306 solid 1px}.el-radio-tag:hover .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--danger__inner{outline:#e82f2f solid 1px}.el-radio-tag:hover .el-radio-tag--primary__inner{background-color:#d1e9ff;border-color:#a3d3ff;color:#1890ff}.el-radio-tag:hover .el-radio-tag--info__inner{background-color:#efefef;border-color:#dedede;color:#666}.el-radio-tag:hover .el-radio-tag--success__inner{background-color:#ddf0d2;border-color:#bce0a4;color:#57b21c}.el-radio-tag:hover .el-radio-tag--warning__inner{background-color:#fee9cd;border-color:#fed49b;color:#fc9306}.el-radio-tag:hover .el-radio-tag--danger__inner{background-color:#fad5d5;border-color:#f6acac;color:#e82f2f}.el-radio-tag__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1}.el-radio-tag__orig-radio:focus-visible+.el-radio-tag__inner{outline-offset:-1px;outline:#1890ff solid 1px}.el-radio-tag__orig-radio:checked+.el-radio-tag__inner{color:#fff;background-color:#1890ff;border-color:#1890ff}.el-radio-tag__orig-radio:disabled+.el-radio-tag__inner{color:#999;cursor:not-allowed;background-image:none;background-color:#efefef;border-color:#d2d2d2;box-shadow:none}.el-radio-tag__orig-radio:disabled:checked+.el-radio-tag__inner{background-color:#a3d3ff;color:#fff}.el-radio-tag.is-disabled{opacity:.5}.el-radio-tag.is-disabled .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--info__inner{outline:#666 solid 1px}.el-radio-tag.is-disabled .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--success__inner{outline:#57b21c solid 1px}.el-radio-tag.is-disabled .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--warning__inner{outline:#fc9306 solid 1px}.el-radio-tag.is-disabled .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--danger__inner{outline:#e82f2f solid 1px}.el-radio-tag.is-disabled .el-radio-tag--primary__inner{background-color:#e8f4ff;border-color:#e8f4ff;color:#1890ff}.el-radio-tag.is-disabled .el-radio-tag--info__inner{background-color:#f7f7f7;border-color:#f7f7f7;color:#666}.el-radio-tag.is-disabled .el-radio-tag--success__inner{background-color:#eef7e8;border-color:#eef7e8;color:#57b21c}.el-radio-tag.is-disabled .el-radio-tag--warning__inner{background-color:#fff4e6;border-color:#fff4e6;color:#fc9306}.el-radio-tag.is-disabled .el-radio-tag--danger__inner{background-color:#fdeaea;border-color:#fdeaea;color:#e82f2f}.el-radio-tag.is-disabled.is-active{opacity:1}.el-radio-tag.is-disabled.is-active .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--danger__inner,.el-radio-tag.is-disabled.is-active .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--info__inner,.el-radio-tag.is-disabled.is-active .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--primary__inne,.el-radio-tag.is-disabled.is-active .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--success__inner,.el-radio-tag.is-disabled.is-active .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--warning__inner{outline:#fff solid 1px}.el-radio-tag.is-disabled.is-active .el-radio-tag--primary__inner{background-color:#5db1ff;border-color:#5db1ff;color:#fff}.el-radio-tag.is-disabled.is-active .el-radio-tag--info__inner{background-color:#c6c6c6;border-color:#c6c6c6;color:#fff}.el-radio-tag.is-disabled.is-active .el-radio-tag--success__inner{background-color:#89c960;border-color:#89c960;color:#fff}.el-radio-tag.is-disabled.is-active .el-radio-tag--warning__inner{background-color:#fdb351;border-color:#fdb351;color:#fff}.el-radio-tag.is-disabled.is-active .el-radio-tag--danger__inner{background-color:#ef6d6d;border-color:#ef6d6d;color:#fff}.el-radio-tag.is-disabled .el-radio-tag__inner{cursor:not-allowed}.el-radio-tag.is-plain .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--info__inner{outline:#666 solid 1px}.el-radio-tag.is-plain .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--success__inner{outline:#57b21c solid 1px}.el-radio-tag.is-plain .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--warning__inner{outline:#fc9306 solid 1px}.el-radio-tag.is-plain .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--danger__inner{outline:#e82f2f solid 1px}.el-radio-tag.is-plain .el-radio-tag--primary__inner{background-color:#fff;border-color:#a3d3ff;color:#1890ff}.el-radio-tag.is-plain .el-radio-tag--info__inner{background-color:#fff;border-color:#dedede;color:#666}.el-radio-tag.is-plain .el-radio-tag--success__inner{background-color:#fff;border-color:#bce0a4;color:#57b21c}.el-radio-tag.is-plain .el-radio-tag--warning__inner{background-color:#fff;border-color:#fed49b;color:#fc9306}.el-radio-tag.is-plain .el-radio-tag--danger__inner{background-color:#fff;border-color:#f6acac;color:#e82f2f}.el-radio-tag.is-plain:not(.is-active,.is-disabled):hover .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--primary__inne{outline:#1890ff solid 1px}.el-radio-tag.is-plain:not(.is-active,.is-disabled):hover .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--info__inner{outline:#666 solid 1px}.el-radio-tag.is-plain:not(.is-active,.is-disabled):hover .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--success__inner{outline:#57b21c solid 1px}.el-radio-tag.is-plain:not(.is-active,.is-disabled):hover .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--warning__inner{outline:#fc9306 solid 1px}.el-radio-tag.is-plain:not(.is-active,.is-disabled):hover .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--danger__inner{outline:#e82f2f solid 1px}.el-radio-tag.is-active .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--danger__inner,.el-radio-tag.is-active .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--info__inner,.el-radio-tag.is-active .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--primary__inne,.el-radio-tag.is-active .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--success__inner,.el-radio-tag.is-active .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--warning__inner,.el-radio-tag.is-active:not(.is-disabled):hover .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--danger__inner,.el-radio-tag.is-active:not(.is-disabled):hover .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--info__inner,.el-radio-tag.is-active:not(.is-disabled):hover .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--primary__inne,.el-radio-tag.is-active:not(.is-disabled):hover .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--success__inner,.el-radio-tag.is-active:not(.is-disabled):hover .el-radio-tag__orig-radio:focus-visible+.el-radio-tag--warning__inner{outline:#fff solid 1px}.el-radio-tag.is-plain:not(.is-active,.is-disabled):hover .el-radio-tag--primary__inner{background-color:#e8f4ff;border-color:#74bcff;color:#1890ff}.el-radio-tag.is-plain:not(.is-active,.is-disabled):hover .el-radio-tag--info__inner{background-color:#f7f7f7;border-color:#cecece;color:#666}.el-radio-tag.is-plain:not(.is-active,.is-disabled):hover .el-radio-tag--success__inner{background-color:#eef7e8;border-color:#9ad177;color:#57b21c}.el-radio-tag.is-plain:not(.is-active,.is-disabled):hover .el-radio-tag--warning__inner{background-color:#fff4e6;border-color:#fdbe6a;color:#fc9306}.el-radio-tag.is-plain:not(.is-active,.is-disabled):hover .el-radio-tag--danger__inner{background-color:#fdeaea;border-color:#f18282;color:#e82f2f}.el-radio-tag.is-round .el-radio-tag__inner{border-radius:20px}.el-radio-tag.is-active .el-radio-tag--primary__inner{background-color:#1890ff;border-color:#1890ff;color:#fff}.el-radio-tag.is-active .el-radio-tag--info__inner{background-color:#adadad;border-color:#adadad;color:#fff}.el-radio-tag.is-active .el-radio-tag--success__inner{background-color:#57b21c;border-color:#57b21c;color:#fff}.el-radio-tag.is-active .el-radio-tag--warning__inner{background-color:#fc9306;border-color:#fc9306;color:#fff}.el-radio-tag.is-active .el-radio-tag--danger__inner{background-color:#e82f2f;border-color:#e82f2f;color:#fff}.el-radio-tag.is-active:not(.is-disabled):hover .el-radio-tag--primary__inner{background-color:#2f9bff;border-color:#2f9bff;color:#fff}.el-radio-tag.is-active:not(.is-disabled):hover .el-radio-tag--info__inner{background-color:#b5b5b5;border-color:#b5b5b5;color:#fff}.el-radio-tag.is-active:not(.is-disabled):hover .el-radio-tag--success__inner{background-color:#68ba33;border-color:#68ba33;color:#fff}.el-radio-tag.is-active:not(.is-disabled):hover .el-radio-tag--warning__inner{background-color:#fc9e1f;border-color:#fc9e1f;color:#fff}.el-radio-tag.is-active:not(.is-disabled):hover .el-radio-tag--danger__inner{background-color:#ea4444;border-color:#ea4444;color:#fff}.el-radio-tag--medium .el-radio-tag__inner{padding:8px 15px;font-size:14px;border-radius:0}.el-radio-tag--medium .el-radio-tag__inner.is-round{padding:8px 15px}.el-radio-tag--small .el-radio-tag__inner{padding:8px 10px;font-size:12px;border-radius:0}.el-radio-tag--small .el-radio-tag__inner.is-round{padding:8px 10px}.el-radio-tag--mini .el-radio-tag__inner{padding:7px 10px;font-size:12px;border-radius:0}.el-radio-tag--mini .el-radio-tag__inner.is-round{padding:7px 10px}