/**
 *  <span class="badge">
 *     A
 *  </span>
 *
 *  @author Björn Hase, me@herr-hase.wtf
 *  @license http://opensource.org/licenses/MIT The MIT License
 *  @link https://gitea.node001.net/tiny-components/plain-ui.git
 *
 */

.badge {
    display: inline-block;

    background-color: var(--background);
    color: var(--text-contrast);

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

    border: $border;
    border-radius: $border-radius;

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

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