41 lines
878 B
Plaintext
41 lines
878 B
Plaintext
|
.ui-badge {
|
||
|
|
display: inline-flex;
|
||
|
|
align-items: center;
|
||
|
|
padding: 4rpx 14rpx;
|
||
|
|
border-radius: var(--radius-full);
|
||
|
|
font-size: var(--font-size-xs);
|
||
|
|
font-weight: var(--font-weight-medium);
|
||
|
|
line-height: 1.4;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
.ui-badge__dot {
|
||
|
|
width: 8rpx;
|
||
|
|
height: 8rpx;
|
||
|
|
border-radius: 50%;
|
||
|
|
background: currentColor;
|
||
|
|
margin-right: 8rpx;
|
||
|
|
}
|
||
|
|
.ui-badge__label {
|
||
|
|
font-size: inherit;
|
||
|
|
}
|
||
|
|
.ui-badge--success {
|
||
|
|
background: var(--color-success-light);
|
||
|
|
color: var(--color-success);
|
||
|
|
}
|
||
|
|
.ui-badge--warning {
|
||
|
|
background: var(--color-warning-light);
|
||
|
|
color: var(--color-warning);
|
||
|
|
}
|
||
|
|
.ui-badge--danger {
|
||
|
|
background: var(--color-danger-light);
|
||
|
|
color: var(--color-danger);
|
||
|
|
}
|
||
|
|
.ui-badge--info {
|
||
|
|
background: var(--color-info-light);
|
||
|
|
color: var(--color-info);
|
||
|
|
}
|
||
|
|
.ui-badge--disabled {
|
||
|
|
background: var(--color-bg-disabled);
|
||
|
|
color: var(--color-text-disabled);
|
||
|
|
}
|