lin-view-ui/lib/theme-chalk/tag.css

vue components library

.lin-tag{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;height:32px;padding:0 10px;font-size:12px;line-height:30px;white-space:nowrap;border:1px solid transparent;border-radius:4px}.lin-tag-close{box-sizing:border-box;width:16px;height:16px;margin-left:5px;font-size:12px;line-height:16px;text-align:center;cursor:pointer;border-radius:50%}.lin-tag-close:hover{color:#fff}.lin-tag-light.lin-tag-primary{color:#409eff;background-color:rgba(64,158,255,.1);border-color:rgba(64,158,255,.3)}.lin-tag-light.lin-tag-primary .lin-tag-close:hover{background-color:#409eff}.lin-tag-light.lin-tag-success{color:#67c23a;background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.3)}.lin-tag-light.lin-tag-success .lin-tag-close:hover{background-color:#67c23a}.lin-tag-light.lin-tag-info{color:#909399;background-color:rgba(144,147,153,.1);border-color:rgba(144,147,153,.3)}.lin-tag-light.lin-tag-info .lin-tag-close:hover{background-color:#909399}.lin-tag-light.lin-tag-warning{color:#e6a23c;background-color:rgba(230,162,60,.1);border-color:rgba(230,162,60,.3)}.lin-tag-light.lin-tag-warning .lin-tag-close:hover{background-color:#e6a23c}.lin-tag-light.lin-tag-danger{color:#f56c6c;background-color:rgba(245,108,108,.1);border-color:rgba(245,108,108,.3)}.lin-tag-light.lin-tag-danger .lin-tag-close:hover{background-color:#f56c6c}.lin-tag-dark.lin-tag-primary{color:#409eff;background-color:rgba(64,158,255,.1);border-color:rgba(64,158,255,.3)}.lin-tag-dark.lin-tag-primary .lin-tag-close:hover{background-color:rgba(64,158,255,.4)}.lin-tag-dark.lin-tag-success{color:#67c23a;background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.3)}.lin-tag-dark.lin-tag-success .lin-tag-close:hover{background-color:rgba(103,194,58,.4)}.lin-tag-dark.lin-tag-info{color:#909399;background-color:rgba(144,147,153,.1);border-color:rgba(144,147,153,.3)}.lin-tag-dark.lin-tag-info .lin-tag-close:hover{background-color:rgba(144,147,153,.4)}.lin-tag-dark.lin-tag-warning{color:#e6a23c;background-color:rgba(230,162,60,.1);border-color:rgba(230,162,60,.3)}.lin-tag-dark.lin-tag-warning .lin-tag-close:hover{background-color:rgba(230,162,60,.4)}.lin-tag-dark.lin-tag-danger{color:#f56c6c;background-color:rgba(245,108,108,.1);border-color:rgba(245,108,108,.3)}.lin-tag-dark.lin-tag-danger .lin-tag-close:hover{background-color:rgba(245,108,108,.4)}.lin-tag-plain.lin-tag-primary{color:#409eff;background-color:rgba(64,158,255,.1);border-color:rgba(64,158,255,.3)}.lin-tag-plain.lin-tag-primary .lin-tag-close:hover{background-color:#409eff}.lin-tag-plain.lin-tag-success{color:#67c23a;background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.3)}.lin-tag-plain.lin-tag-success .lin-tag-close:hover{background-color:#67c23a}.lin-tag-plain.lin-tag-info{color:#909399;background-color:rgba(144,147,153,.1);border-color:rgba(144,147,153,.3)}.lin-tag-plain.lin-tag-info .lin-tag-close:hover{background-color:#909399}.lin-tag-plain.lin-tag-warning{color:#e6a23c;background-color:rgba(230,162,60,.1);border-color:rgba(230,162,60,.3)}.lin-tag-plain.lin-tag-warning .lin-tag-close:hover{background-color:#e6a23c}.lin-tag-plain.lin-tag-danger{color:#f56c6c;background-color:rgba(245,108,108,.1);border-color:rgba(245,108,108,.3)}.lin-tag-plain.lin-tag-danger .lin-tag-close:hover{background-color:#f56c6c}.lin-tag-fade-enter-active,.lin-tag-fade-leave-active{transition:all .3s}.lin-tag-fade-enter,.lin-tag-fade-leave-to{opacity:0}