@import '@hh.ru/design-tokens/build/less/variables';
@import '../../common/styles/colors';
@import '../../common/styles/text-base';

.bloko-badge {
    .bloko-text-medium();
    .bloko-text-strong();

    display: inline-block;
    min-width: 20px;
    padding: 0 6px;
    box-sizing: border-box;

    border-radius: @bloko-border-radius-badge;

    color: @bloko-color-badge-default-typography-default;
    background-color: @bloko-color-badge-default-background-default;
}

.bloko-badge_primary {
    color: @bloko-color-badge-primary-typography-default;
    background-color: @bloko-color-badge-primary-background-default;
}

.bloko-badge_warning {
    color: @bloko-color-badge-warning-typography-default;
    background-color: @bloko-color-badge-warning-background-default;
}

.bloko-badge_success {
    color: @bloko-color-badge-success-typography-default;
    background-color: @bloko-color-badge-success-background-default;
}

.bloko-badge_tertiary {
    color: @bloko-color-badge-tertiary-typography-default;
    background-color: @bloko-color-badge-tertiary-background-default;
}

.bloko-badge_inversed {
    color: @bloko-color-badge-inverse-typography-default;
    background-color: @bloko-color-badge-inverse-background-default;
}