/**
 *
 *
 *
 *
 */

@mixin plain-ui__component__badge() {
    .badge {
        display: inline-block;

        background-color: $plain-ui__primary-light;
        color: white;

        font-size: 0.85rem;
        padding: 0.4em 0.8em;

        border: 1px solid $plain-ui__primary-light;
        border-radius: 2px;

        &--round {
            display: inline-flex;
            justify-content: center;

            border-radius: 50%;
            width: 2.5em;
        }
    }
}