elara-ui/lib/theme/tag.css

Elara based on element-ui, and add other usefull components

.elara-tag,.elara-tag .elara-tag__close{color:#0087ff}.elara-tag{background-color:#e6f3ff;display:inline-block;height:32px;padding:0 10px;line-height:30px;font-size:12px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.elara-tag.is-hit{border-color:#0087ff}.elara-tag .elara-tag__close:hover{color:#FFF;background-color:#0087ff}.elara-tag.elara-tag--info{background-color:#f5f5f5;border-color:#ebebeb;color:#999}.elara-tag.elara-tag--info.is-hit{border-color:#999}.elara-tag.elara-tag--info .elara-tag__close:hover{color:#FFF;background-color:#999}.elara-tag.elara-tag--success{background-color:#e8f8e6;border-color:#d1f0cc;color:#1bb500}.elara-tag.elara-tag--success.is-hit{border-color:#1bb500}.elara-tag.elara-tag--success .elara-tag__close{color:#1bb500}.elara-tag.elara-tag--success .elara-tag__close:hover{color:#FFF;background-color:#1bb500}.elara-tag.elara-tag--warning{background-color:#fff5e6;border-color:#ffebcc;color:#ff9d00}.elara-tag.elara-tag--warning.is-hit{border-color:#ff9d00}.elara-tag.elara-tag--warning .elara-tag__close{color:#ff9d00}.elara-tag.elara-tag--warning .elara-tag__close:hover{color:#FFF;background-color:#ff9d00}.elara-tag.elara-tag--danger{background-color:#ffe6e6;border-color:#fcc;color:red}.elara-tag.elara-tag--danger.is-hit{border-color:red}.elara-tag--dark,.elara-tag--dark.is-hit{border-color:#0087ff}.elara-tag.elara-tag--danger .elara-tag__close{color:red}.elara-tag.elara-tag--danger .elara-tag__close:hover{color:#FFF;background-color:red}.elara-tag .elara-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}.elara-tag .elara-icon-close::before{display:block}.elara-tag--dark{background-color:#0087ff;color:#fff}.elara-tag--dark .elara-tag__close{color:#fff}.elara-tag--dark .elara-tag__close:hover{color:#FFF;background-color:#339fff}.elara-tag--dark.elara-tag--info{background-color:#999;border-color:#999;color:#fff}.elara-tag--dark.elara-tag--info.is-hit{border-color:#999}.elara-tag--dark.elara-tag--info .elara-tag__close{color:#fff}.elara-tag--dark.elara-tag--info .elara-tag__close:hover{color:#FFF;background-color:#adadad}.elara-tag--dark.elara-tag--success{background-color:#1bb500;border-color:#1bb500;color:#fff}.elara-tag--dark.elara-tag--success.is-hit{border-color:#1bb500}.elara-tag--dark.elara-tag--success .elara-tag__close{color:#fff}.elara-tag--dark.elara-tag--success .elara-tag__close:hover{color:#FFF;background-color:#49c433}.elara-tag--dark.elara-tag--warning{background-color:#ff9d00;border-color:#ff9d00;color:#fff}.elara-tag--dark.elara-tag--warning.is-hit{border-color:#ff9d00}.elara-tag--dark.elara-tag--warning .elara-tag__close{color:#fff}.elara-tag--dark.elara-tag--warning .elara-tag__close:hover{color:#FFF;background-color:#ffb133}.elara-tag--dark.elara-tag--danger{background-color:red;border-color:red;color:#fff}.elara-tag--dark.elara-tag--danger.is-hit{border-color:red}.elara-tag--dark.elara-tag--danger .elara-tag__close{color:#fff}.elara-tag--dark.elara-tag--danger .elara-tag__close:hover{color:#FFF;background-color:#f33}.elara-tag--plain{background-color:#fff;border-color:#99cfff;color:#0087ff}.elara-tag--plain.is-hit{border-color:#0087ff}.elara-tag--plain .elara-tag__close{color:#0087ff}.elara-tag--plain .elara-tag__close:hover{color:#FFF;background-color:#0087ff}.elara-tag--plain.elara-tag--info{background-color:#fff;border-color:#d6d6d6;color:#999}.elara-tag--plain.elara-tag--info.is-hit{border-color:#999}.elara-tag--plain.elara-tag--info .elara-tag__close{color:#999}.elara-tag--plain.elara-tag--info .elara-tag__close:hover{color:#FFF;background-color:#999}.elara-tag--plain.elara-tag--success{background-color:#fff;border-color:#a4e199;color:#1bb500}.elara-tag--plain.elara-tag--success.is-hit{border-color:#1bb500}.elara-tag--plain.elara-tag--success .elara-tag__close{color:#1bb500}.elara-tag--plain.elara-tag--success .elara-tag__close:hover{color:#FFF;background-color:#1bb500}.elara-tag--plain.elara-tag--warning{background-color:#fff;border-color:#ffd899;color:#ff9d00}.elara-tag--plain.elara-tag--warning.is-hit{border-color:#ff9d00}.elara-tag--plain.elara-tag--warning .elara-tag__close{color:#ff9d00}.elara-tag--plain.elara-tag--warning .elara-tag__close:hover{color:#FFF;background-color:#ff9d00}.elara-tag--plain.elara-tag--danger{background-color:#fff;border-color:#f99;color:red}.elara-tag--plain.elara-tag--danger.is-hit{border-color:red}.elara-tag--plain.elara-tag--danger .elara-tag__close{color:red}.elara-tag--plain.elara-tag--danger .elara-tag__close:hover{color:#FFF;background-color:red}.elara-tag--medium{height:28px;line-height:26px}.elara-tag--medium .elara-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.elara-tag--small{height:24px;padding:0 8px;line-height:22px}.elara-tag--small .elara-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.elara-tag--mini{height:20px;padding:0 5px;line-height:19px}.elara-tag--mini .elara-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.elara-tag{border:none}.elara-tag__small{line-height:24px}.elara-tag.elara-tag--info .elara-tag__close{color:#fff}