elara-ui/lib/theme/badge.css

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

.elara-badge{position:relative;vertical-align:middle;display:inline-block}.elara-badge__content{background-color:red;border-radius:10px;color:#FFF;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;white-space:nowrap;border:1px solid #FFF}.elara-badge__content.is-fixed{position:absolute;top:0;right:10px;-webkit-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.elara-badge__content.is-fixed.is-dot{right:5px}.elara-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}.elara-badge__content--primary{background-color:#0087ff}.elara-badge__content--success{background-color:#1bb500}.elara-badge__content--warning{background-color:#ff9d00}.elara-badge__content--info{background-color:#999}.elara-badge__content--danger{background-color:red}