@import "../style/themes/default.less";
@import "../style/mixins/index.less";

@badge-prefix-cls: ~"@{sino-prefix}-badge";

.@{badge-prefix-cls} {
    position: absolute;
    top: 0;
    right: 0;
    min-width: @badge-size;
    padding: @badge-padding;
    color: @badge-color;
    font-weight: @badge-font-weight;
    font-size: @badge-font-size;
    line-height: @badge-size - @badge-border-width * 2;
    text-align: center;
    background-color: @badge-background-color;
    border: @badge-border-width solid #fff;
    border-radius: @badge-size;
    transform: translate(100%, -50%);
    transform-origin: 100%;

    &-dot {
        width: @badge-dot-size;
        min-width: 0;
        height: @badge-dot-size;
        background-color: @badge-dot-color;
        border-radius: 100%;
    }
}
