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

A Component Library for Vue.js.

.el-tag{background-color:#e8f4ff;border-color:#d1e9ff;display:inline-block;height:34px;padding:0 10px;line-height:34px;font-size:12px;color:#1890FF;border-width:1px;border-style:solid;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.el-tag.is-hit{border-color:#1890FF}.el-tag .el-tag__close{color:#1890ff}.el-tag .el-tag__close:hover{color:#FFF;background-color:#1890ff}.el-tag.el-tag--info{background-color:#f5f5f5;border-color:#ebebeb;color:#999}.el-tag.el-tag--info.is-hit{border-color:#999}.el-tag.el-tag--info .el-tag__close{color:#999}.el-tag.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#999}.el-tag.el-tag--success{background-color:#f0f9e8;border-color:#e0f2d0;color:#66bf16}.el-tag.el-tag--success.is-hit{border-color:#66BF16}.el-tag.el-tag--success .el-tag__close{color:#66bf16}.el-tag.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#66bf16}.el-tag.el-tag--warning{background-color:#fdf7e6;border-color:#faefcc;color:#e6ad00}.el-tag.el-tag--warning.is-hit{border-color:#E6AD00}.el-tag.el-tag--warning .el-tag__close{color:#e6ad00}.el-tag.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#e6ad00}.el-tag.el-tag--danger{background-color:#ffedee;border-color:#ffdbdd;color:#ff4b53}.el-tag.el-tag--danger.is-hit{border-color:#FF4B53}.el-tag.el-tag--danger .el-tag__close{color:#ff4b53}.el-tag.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#ff4b53}.el-tag .el-icon-close{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;right:-5px}.el-tag .el-icon-close::before{display:block}.el-tag--dark{background-color:#1890ff;border-color:#1890ff;color:#fff}.el-tag--dark.is-hit{border-color:#1890FF}.el-tag--dark .el-tag__close{color:#fff}.el-tag--dark .el-tag__close:hover{color:#FFF;background-color:#46a6ff}.el-tag--dark.el-tag--info{background-color:#999;border-color:#999;color:#fff}.el-tag--dark.el-tag--info.is-hit{border-color:#999}.el-tag--dark.el-tag--info .el-tag__close{color:#fff}.el-tag--dark.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#adadad}.el-tag--dark.el-tag--success{background-color:#66bf16;border-color:#66bf16;color:#fff}.el-tag--dark.el-tag--success.is-hit{border-color:#66BF16}.el-tag--dark.el-tag--success .el-tag__close{color:#fff}.el-tag--dark.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#85cc45}.el-tag--dark.el-tag--warning{background-color:#e6ad00;border-color:#e6ad00;color:#fff}.el-tag--dark.el-tag--warning.is-hit{border-color:#E6AD00}.el-tag--dark.el-tag--warning .el-tag__close{color:#fff}.el-tag--dark.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#ebbd33}.el-tag--dark.el-tag--danger{background-color:#ff4b53;border-color:#ff4b53;color:#fff}.el-tag--dark.el-tag--danger.is-hit{border-color:#FF4B53}.el-tag--dark.el-tag--danger .el-tag__close{color:#fff}.el-tag--dark.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#ff6f75}.el-tag--plain{background-color:#fff;border-color:#a3d3ff;color:#1890ff}.el-tag--plain.is-hit{border-color:#1890FF}.el-tag--plain .el-tag__close{color:#1890ff}.el-tag--plain .el-tag__close:hover{color:#FFF;background-color:#1890ff}.el-tag--plain.el-tag--info{background-color:#fff;border-color:#d6d6d6;color:#999}.el-tag--plain.el-tag--info.is-hit{border-color:#999}.el-tag--plain.el-tag--info .el-tag__close{color:#999}.el-tag--plain.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#999}.el-tag--plain.el-tag--success{background-color:#fff;border-color:#c2e5a2;color:#66bf16}.el-tag--plain.el-tag--success.is-hit{border-color:#66BF16}.el-tag--plain.el-tag--success .el-tag__close{color:#66bf16}.el-tag--plain.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#66bf16}.el-tag--plain.el-tag--warning{background-color:#fff;border-color:#f5de99;color:#e6ad00}.el-tag--plain.el-tag--warning.is-hit{border-color:#E6AD00}.el-tag--plain.el-tag--warning .el-tag__close{color:#e6ad00}.el-tag--plain.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#e6ad00}.el-tag--plain.el-tag--danger{background-color:#fff;border-color:#ffb7ba;color:#ff4b53}.el-tag--plain.el-tag--danger.is-hit{border-color:#FF4B53}.el-tag--plain.el-tag--danger .el-tag__close{color:#ff4b53}.el-tag--plain.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#ff4b53}.el-tag--medium{height:32px;line-height:32px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:30px;padding:0 8px;line-height:30px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:28px;padding:0 5px;line-height:28px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}