kingdot/src/styles/lib/theme/tag.css

A UI Components Library For Vue

.kd-tag{padding:6px 16px;border:1px solid #525c77;border-radius:4px;background-color:#222a41;color:#fff;text-align:center;font-size:12px}.kd-tag-success{background:#224140;border:1px solid #33a36d;color:#39b67a}.kd-tag-success.kd-tag-solid{background:#33a36d;border:1px solid #33a36d;color:#fff}.kd-tag-warning{background:#413d22;border:1px solid #e0873b;color:#f68e35}.kd-tag-warning.kd-tag-solid{background:#e0873b;border:1px solid #e0873b;color:#fff}.kd-tag-danger{background:#46242f;border:1px solid #bd2840;color:#ed3351}.kd-tag-danger.kd-tag-solid{background:#bd2840;border:1px solid #bd2840;color:#fff}.kd-tag-info{background:#222a41;border:1px solid #427acc;color:#5399ff}.kd-tag-info.kd-tag-solid{background:#427acc;border:1px solid #427acc;color:#fff}.kd-tag-large{padding:8px 18px}.kd-tag-small{padding:5px 13px}.kd-tag .kd-tag-close{display:inline-block;margin-left:6px}.kd-tag .kd-tag-close:hover{cursor:pointer}.kd-tag.kd-tag-disabled{background:#222a41;border:1px solid #2f374f;color:#4f576e;cursor:not-allowed}.kd-tag.kd-tag-disabled .kd-tag-close:hover{cursor:not-allowed}.kd-tag-zoom-in-center-enter-active,.kd-tag-zoom-in-center-leave-active{transition:all .5s cubic-bezier(.55,0,.1,1)}.kd-tag-zoom-in-center-enter,.kd-tag-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0)}