jiku-ui/lib/theme-chalk/tag.css

A Component Library for Vue.js.

.hn-tag{background-color:#ecf5ff;border-color:#d9ecff;display:inline-block;height:32px;padding:0 10px;line-height:30px;font-size:12px;color:#409EFF;border-width:1px;border-style:solid;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.hn-tag.is-hit{border-color:#409EFF}.hn-tag .hn-tag__close{color:#409eff}.hn-tag .hn-tag__close:hover{color:#FFF;background-color:#409eff}.hn-tag.hn-tag--info{background-color:#f4f4f5;border-color:#e9e9eb;color:#909399}.hn-tag.hn-tag--info.is-hit{border-color:#909399}.hn-tag.hn-tag--info .hn-tag__close{color:#909399}.hn-tag.hn-tag--info .hn-tag__close:hover{color:#FFF;background-color:#909399}.hn-tag.hn-tag--success{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.hn-tag.hn-tag--success.is-hit{border-color:#67C23A}.hn-tag.hn-tag--success .hn-tag__close{color:#67c23a}.hn-tag.hn-tag--success .hn-tag__close:hover{color:#FFF;background-color:#67c23a}.hn-tag.hn-tag--warning{background-color:#fef6e9;border-color:#fdedd3;color:#f5a623}.hn-tag.hn-tag--warning.is-hit{border-color:#F5A623}.hn-tag.hn-tag--warning .hn-tag__close{color:#f5a623}.hn-tag.hn-tag--warning .hn-tag__close:hover{color:#FFF;background-color:#f5a623}.hn-tag.hn-tag--danger{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.hn-tag.hn-tag--danger.is-hit{border-color:#F56C6C}.hn-tag.hn-tag--danger .hn-tag__close{color:#f56c6c}.hn-tag.hn-tag--danger .hn-tag__close:hover{color:#FFF;background-color:#f56c6c}.hn-tag .hn-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}.hn-tag .hn-icon-close::before{display:block}.hn-tag--dark{background-color:#409eff;border-color:#409eff;color:#fff}.hn-tag--dark.is-hit{border-color:#409EFF}.hn-tag--dark .hn-tag__close{color:#fff}.hn-tag--dark .hn-tag__close:hover{color:#FFF;background-color:#66b1ff}.hn-tag--dark.hn-tag--info{background-color:#909399;border-color:#909399;color:#fff}.hn-tag--dark.hn-tag--info.is-hit{border-color:#909399}.hn-tag--dark.hn-tag--info .hn-tag__close{color:#fff}.hn-tag--dark.hn-tag--info .hn-tag__close:hover{color:#FFF;background-color:#a6a9ad}.hn-tag--dark.hn-tag--success{background-color:#67c23a;border-color:#67c23a;color:#fff}.hn-tag--dark.hn-tag--success.is-hit{border-color:#67C23A}.hn-tag--dark.hn-tag--success .hn-tag__close{color:#fff}.hn-tag--dark.hn-tag--success .hn-tag__close:hover{color:#FFF;background-color:#85ce61}.hn-tag--dark.hn-tag--warning{background-color:#f5a623;border-color:#f5a623;color:#fff}.hn-tag--dark.hn-tag--warning.is-hit{border-color:#F5A623}.hn-tag--dark.hn-tag--warning .hn-tag__close{color:#fff}.hn-tag--dark.hn-tag--warning .hn-tag__close:hover{color:#FFF;background-color:#f7b84f}.hn-tag--dark.hn-tag--danger{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.hn-tag--dark.hn-tag--danger.is-hit{border-color:#F56C6C}.hn-tag--dark.hn-tag--danger .hn-tag__close{color:#fff}.hn-tag--dark.hn-tag--danger .hn-tag__close:hover{color:#FFF;background-color:#f78989}.hn-tag--plain{background-color:#fff;border-color:#b3d8ff;color:#409eff}.hn-tag--plain.is-hit{border-color:#409EFF}.hn-tag--plain .hn-tag__close{color:#409eff}.hn-tag--plain .hn-tag__close:hover{color:#FFF;background-color:#409eff}.hn-tag--plain.hn-tag--info{background-color:#fff;border-color:#d3d4d6;color:#909399}.hn-tag--plain.hn-tag--info.is-hit{border-color:#909399}.hn-tag--plain.hn-tag--info .hn-tag__close{color:#909399}.hn-tag--plain.hn-tag--info .hn-tag__close:hover{color:#FFF;background-color:#909399}.hn-tag--plain.hn-tag--success{background-color:#fff;border-color:#c2e7b0;color:#67c23a}.hn-tag--plain.hn-tag--success.is-hit{border-color:#67C23A}.hn-tag--plain.hn-tag--success .hn-tag__close{color:#67c23a}.hn-tag--plain.hn-tag--success .hn-tag__close:hover{color:#FFF;background-color:#67c23a}.hn-tag--plain.hn-tag--warning{background-color:#fff;border-color:#fbdba7;color:#f5a623}.hn-tag--plain.hn-tag--warning.is-hit{border-color:#F5A623}.hn-tag--plain.hn-tag--warning .hn-tag__close{color:#f5a623}.hn-tag--plain.hn-tag--warning .hn-tag__close:hover{color:#FFF;background-color:#f5a623}.hn-tag--plain.hn-tag--danger{background-color:#fff;border-color:#fbc4c4;color:#f56c6c}.hn-tag--plain.hn-tag--danger.is-hit{border-color:#F56C6C}.hn-tag--plain.hn-tag--danger .hn-tag__close{color:#f56c6c}.hn-tag--plain.hn-tag--danger .hn-tag__close:hover{color:#FFF;background-color:#f56c6c}.hn-tag--medium{height:28px;line-height:26px}.hn-tag--medium .hn-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.hn-tag--small{height:24px;padding:0 8px;line-height:22px}.hn-tag--small .hn-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.hn-tag--mini{height:20px;padding:0 5px;line-height:19px}.hn-tag--mini .hn-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}