tinper-bee/dist/Badge/index.css

React Components living for enterprise-class pc backend application

.u-badge{position:relative;white-space:nowrap;font-weight:600;padding:3px 7px;-webkit-box-sizing:border-box;box-sizing:border-box}.u-badge.data-badge .data-icon{min-width:8px}.u-badge.data-badge.data-badge-bottom .data-icon{top:10px}.u-badge.data-badge .data-icon{content:attr(data-badge);display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;position:absolute;top:-8px;left:22px;font-family:Microsoft YaHei,Helvetica,Arial,sans-serif;border-radius:50%;color:#757575;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:200;border:1px solid #a5adba;background:#fff;line-height:16px}.u-badge .badge-single,.u-badge.data-badge .data-icon{font-size:10px;width:16px;height:16px;text-align:center}.u-badge .badge-single{display:inline-block;background:red;border-radius:50%}.u-badge-primary.u-badge .badge-single,.u-badge-primary.u-badge .data-icon{border:none;color:#fff;background-color:#f53c32}.u-badge-primary.u-badge .badge-single[href]:focus,.u-badge-primary.u-badge .badge-single[href]:hover,.u-badge-primary.u-badge .data-icon[href]:focus,.u-badge-primary.u-badge .data-icon[href]:hover{color:#fff}.u-badge-success.u-badge .badge-single,.u-badge-success.u-badge .data-icon{border:none;color:#fff;background-color:#4caf50}.u-badge-success.u-badge .badge-single[href]:focus,.u-badge-success.u-badge .badge-single[href]:hover,.u-badge-success.u-badge .data-icon[href]:focus,.u-badge-success.u-badge .data-icon[href]:hover{color:#fff}.u-badge-info.u-badge .badge-single,.u-badge-info.u-badge .data-icon{border:none;color:#fff;background-color:#00bcd4}.u-badge-info.u-badge .badge-single[href]:focus,.u-badge-info.u-badge .badge-single[href]:hover,.u-badge-info.u-badge .data-icon[href]:focus,.u-badge-info.u-badge .data-icon[href]:hover{color:#fff}.u-badge-warning.u-badge .badge-single,.u-badge-warning.u-badge .data-icon{border:none;color:#fff;background-color:#ff9800}.u-badge-warning.u-badge .badge-single[href]:focus,.u-badge-warning.u-badge .badge-single[href]:hover,.u-badge-warning.u-badge .data-icon[href]:focus,.u-badge-warning.u-badge .data-icon[href]:hover{color:#fff}.u-badge-danger.u-badge .badge-single,.u-badge-danger.u-badge .data-icon{border:none;color:#fff;background-color:#f44336}.u-badge-danger.u-badge .badge-single[href]:focus,.u-badge-danger.u-badge .badge-single[href]:hover,.u-badge-danger.u-badge .data-icon[href]:focus,.u-badge-danger.u-badge .data-icon[href]:hover{color:#fff}.u-badge-dark.u-badge .badge-single,.u-badge-dark.u-badge .data-icon{color:#fff;background-color:#616161}.u-badge-dark.u-badge .badge-single[href]:focus,.u-badge-dark.u-badge .badge-single[href]:hover,.u-badge-dark.u-badge .data-icon[href]:focus,.u-badge-dark.u-badge .data-icon[href]:hover{color:#fff}