$meta-spacing: 0.5rem !default;

.c-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: inherit;

    &, ul {
        @include spacing(margin-top, -$meta-spacing);
        @include spacing(margin-left, -$meta-spacing);

        > * {
            @include spacing(padding-top, $meta-spacing);
            @include spacing(padding-left, $meta-spacing);
        }
    }

    &:empty {
        display: none;
    }

    ul {
        padding-left: 0;
        list-style: none;
    }

    li {
        display: inline-block;
        margin-bottom: 0; // Overwrite Default Lists Style

        &:not(:last-child):after {
            content: ", ";
        }
    }

    a {
        color: inherit;
        text-decoration: none;
        border-bottom: none;
    }
}
