element-plus-theme-cestc/dist/tag.css

基于element-plus的ui组件做了一些修改，来适应公司ui规范

.el-tag,.el-tag .el-tag__close{color:var(--el-tag-text-color)}.el-tag{--el-tag-font-size:12px;--el-tag-border-radius:4px;--el-tag-padding:0 10px;--el-tag-bg-color:#ebf6ff;--el-tag-border-color:#d7edff;--el-tag-text-color:#36a4ff;--el-tag-hover-color:#36a4ff;background-color:var(--el-tag-bg-color);border-color:var(--el-tag-border-color);display:inline-block;height:32px;padding:var(--el-tag-padding);line-height:30px;font-size:var(--el-tag-font-size);border-width:1px;border-style:solid;border-radius:var(--el-tag-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.el-tag.el-tag--primary.is-hit,.el-tag.is-hit{border-color:#36A4FF}.el-tag .el-tag__close{right:-5px}.el-tag .el-tag__close:hover{color:var(--el-color-white);background-color:var(--el-tag-hover-color)}.el-tag--dark,.el-tag--dark .el-tag__close{color:var(--el-tag-text-color)}.el-tag.el-tag--primary{--el-tag-bg-color:#ebf6ff;--el-tag-border-color:#d7edff;--el-tag-text-color:#36a4ff;--el-tag-hover-color:#36a4ff}.el-tag.el-tag--success{--el-tag-bg-color:#edf9f5;--el-tag-border-color:#dbf2ec;--el-tag-text-color:#4cc09e;--el-tag-hover-color:#4cc09e}.el-tag.el-tag--success.is-hit{border-color:#4CC09E}.el-tag.el-tag--warning{--el-tag-bg-color:#fff3e8;--el-tag-border-color:#fee8d0;--el-tag-text-color:#fa8b16;--el-tag-hover-color:#fa8b16}.el-tag.el-tag--warning.is-hit{border-color:#FA8B16}.el-tag.el-tag--danger.is-hit,.el-tag.el-tag--error.is-hit{border-color:#FF4D4F}.el-tag.el-tag--danger{--el-tag-bg-color:#ffeded;--el-tag-border-color:#ffdbdc;--el-tag-text-color:#ff4d4f;--el-tag-hover-color:#ff4d4f}.el-tag.el-tag--error{--el-tag-bg-color:#ffeded;--el-tag-border-color:#ffdbdc;--el-tag-text-color:#ff4d4f;--el-tag-hover-color:#ff4d4f}.el-tag.el-tag--info{--el-tag-bg-color:#f6f6f6;--el-tag-border-color:#eeeeee;--el-tag-text-color:darkgray;--el-tag-hover-color:darkgray}.el-tag.el-tag--info.is-hit{border-color:#A9A9A9}.el-tag .el-icon{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px}.el-tag .el-icon::before{display:block}.el-tag .el-icon svg{margin:2px}.el-tag--dark{--el-tag-bg-color:#36a4ff;--el-tag-border-color:#36a4ff;--el-tag-text-color:white;--el-tag-hover-color:#5eb6ff;background-color:var(--el-tag-bg-color);border-color:var(--el-tag-border-color)}.el-tag--dark.el-tag--primary.is-hit,.el-tag--dark.is-hit{border-color:#36A4FF}.el-tag--dark .el-tag__close:hover{color:var(--el-color-white);background-color:var(--el-tag-hover-color)}.el-tag--plain,.el-tag--plain .el-tag__close{color:var(--el-tag-text-color)}.el-tag--dark.el-tag--primary{--el-tag-bg-color:#36a4ff;--el-tag-border-color:#36a4ff;--el-tag-text-color:white;--el-tag-hover-color:#5eb6ff}.el-tag--dark.el-tag--success{--el-tag-bg-color:#4cc09e;--el-tag-border-color:#4cc09e;--el-tag-text-color:white;--el-tag-hover-color:#70cdb1}.el-tag--dark.el-tag--success.is-hit{border-color:#4CC09E}.el-tag--dark.el-tag--warning{--el-tag-bg-color:#fa8b16;--el-tag-border-color:#fa8b16;--el-tag-text-color:white;--el-tag-hover-color:#fba245}.el-tag--dark.el-tag--warning.is-hit{border-color:#FA8B16}.el-tag--dark.el-tag--danger.is-hit,.el-tag--dark.el-tag--error.is-hit{border-color:#FF4D4F}.el-tag--dark.el-tag--danger{--el-tag-bg-color:#ff4d4f;--el-tag-border-color:#ff4d4f;--el-tag-text-color:white;--el-tag-hover-color:#ff7172}.el-tag--dark.el-tag--error{--el-tag-bg-color:#ff4d4f;--el-tag-border-color:#ff4d4f;--el-tag-text-color:white;--el-tag-hover-color:#ff7172}.el-tag--dark.el-tag--info{--el-tag-bg-color:darkgray;--el-tag-border-color:darkgray;--el-tag-text-color:white;--el-tag-hover-color:#bababa}.el-tag--dark.el-tag--info.is-hit{border-color:#A9A9A9}.el-tag--plain{--el-tag-bg-color:white;--el-tag-border-color:#afdbff;--el-tag-text-color:#36a4ff;--el-tag-hover-color:#36a4ff;background-color:var(--el-tag-bg-color);border-color:var(--el-tag-border-color)}.el-tag--plain.el-tag--primary.is-hit,.el-tag--plain.is-hit{border-color:#36A4FF}.el-tag--plain .el-tag__close:hover{color:var(--el-color-white);background-color:var(--el-tag-hover-color)}.el-tag--plain.el-tag--primary{--el-tag-bg-color:white;--el-tag-border-color:#afdbff;--el-tag-text-color:#36a4ff;--el-tag-hover-color:#36a4ff}.el-tag--plain.el-tag--success{--el-tag-bg-color:white;--el-tag-border-color:#b7e6d8;--el-tag-text-color:#4cc09e;--el-tag-hover-color:#4cc09e}.el-tag--plain.el-tag--success.is-hit{border-color:#4CC09E}.el-tag--plain.el-tag--warning{--el-tag-bg-color:white;--el-tag-border-color:#fdd1a2;--el-tag-text-color:#fa8b16;--el-tag-hover-color:#fa8b16}.el-tag--plain.el-tag--warning.is-hit{border-color:#FA8B16}.el-tag--plain.el-tag--danger.is-hit,.el-tag--plain.el-tag--error.is-hit{border-color:#FF4D4F}.el-tag--plain.el-tag--danger{--el-tag-bg-color:white;--el-tag-border-color:#ffb8b9;--el-tag-text-color:#ff4d4f;--el-tag-hover-color:#ff4d4f}.el-tag--plain.el-tag--error{--el-tag-bg-color:white;--el-tag-border-color:#ffb8b9;--el-tag-text-color:#ff4d4f;--el-tag-hover-color:#ff4d4f}.el-tag--plain.el-tag--info{--el-tag-bg-color:white;--el-tag-border-color:#dddddd;--el-tag-text-color:darkgray;--el-tag-hover-color:darkgray}.el-tag--plain.el-tag--info.is-hit{border-color:#A9A9A9}.el-tag--medium{height:28px;line-height:26px}.el-tag--small{height:24px;line-height:22px;padding:0 8px}.el-tag--mini{height:20px;line-height:18px;padding:0 5px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}