//
// Counting badge
//


// General styles

.badge-count {
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: middle;
    @include font-size(.75rem);
    font-weight: 600;

    &.badge-xs {
        width: 1rem;
        height: 1rem;
        @include font-size(.5rem);
    }

    &.badge-md {
        width: 1.5rem;
        height: 1.5rem;
    }

    &.badge-lg {
        width: 2rem;
        height: 2rem;
    }

    svg {
        margin: 0;
    }
}