/**
 *  <span class="badge">
 *     A
 *  </span>
 *
 *  @author Björn Hase, Tentakelfabrik
 *  @license http://opensource.org/licenses/MIT The MIT License
 *  @link https://github.com/tentakelfabrik/plain-ui
 *
 */

.badge {
    display: inline-block;

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

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

    border: $plain-ui__border;
    border-radius: $plain-ui__border-radius;

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

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