| | |
|---|
| | | .t-badge--ribbon { |
|---|
| | | display: inline-block; |
|---|
| | | transform: rotate(45deg); |
|---|
| | | transform-origin: center center; |
|---|
| | | border-radius: 0; |
|---|
| | | } |
|---|
| | | .t-badge--bubble { |
|---|
| | |
|---|
| | | border-radius: calc(var(--td-badge-large-height, 40rpx) / 2); |
|---|
| | | } |
|---|
| | | .t-badge__content:not(:empty) + .t-has-count { |
|---|
| | | transform: translate(50%, -50%); |
|---|
| | | transform: translate(-50%, -50%); |
|---|
| | | position: absolute; |
|---|
| | | right: 0; |
|---|
| | | left: 100%; |
|---|
| | | top: 0; |
|---|
| | | } |
|---|
| | | .t-badge__content-text { |
|---|
| | | display: block; |
|---|
| | | line-height: 48rpx; |
|---|
| | | color: var(--td-badge-content-text-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)))); |
|---|
| | | } |
|---|
