loit-web-component-gx/static/theme/Red/tag.css

广西时代凌宇前端组件库

.el-tag{background-color:rgba(64,158,255,.1);display:inline-block;padding:0 0.1rem;height:0.32rem;line-height:0.3rem;font-size:0.12rem;color:#e1806f;border-radius:0.04rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(64,158,255,.2);white-space:nowrap }.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:0.12rem;height:0.16rem;width:0.16rem;line-height:0.16rem;vertical-align:middle;top:-0.01rem;right:-0.05rem;color:#e1806f }.el-tag .el-icon-close::before{display:block }.el-tag .el-icon-close:hover{background-color:#e1806f;color:#fff }.el-tag--info,.el-tag--info .el-tag__close{color:#909399 }.el-tag--info{background-color:rgba(144,147,153,.1);border-color:rgba(144,147,153,.2) }.el-tag--info.is-hit{border-color:#909399 }.el-tag--info .el-tag__close:hover{background-color:#909399;color:#fff }.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a }.el-tag--success.is-hit{border-color:#67c23a }.el-tag--success .el-tag__close{color:#67c23a }.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff }.el-tag--warning{background-color:rgba(230,162,60,.1);border-color:rgba(230,162,60,.2);color:#e6a23c }.el-tag--warning.is-hit{border-color:#e6a23c }.el-tag--warning .el-tag__close{color:#e6a23c }.el-tag--warning .el-tag__close:hover{background-color:#e6a23c;color:#fff }.el-tag--danger{background-color:rgba(245,108,108,.1);border-color:rgba(245,108,108,.2);color:#f56c6c }.el-tag--danger.is-hit{border-color:#f56c6c }.el-tag--danger .el-tag__close{color:#f56c6c }.el-tag--danger .el-tag__close:hover{background-color:#f56c6c;color:#fff }.el-tag--medium{height:0.28rem;line-height:0.26rem }.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8) }.el-tag--small{height:0.24rem;padding:0 0.08rem;line-height:0.22rem }.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8) }.el-tag--mini{height:0.2rem;padding:0 0.05rem;line-height:0.19rem }.el-tag--mini .el-icon-close{margin-left:-0.03rem;-webkit-transform:scale(.7);transform:scale(.7) }