{{/*
    099_taxonomy_list.css
    Eryn Wells <eryn@erynwells.me>
*/}}





/***************************
 * COMPONENT: TAXONOMY LIST
 ***************************/

.taxonomy-list {
    --spacing: 1ch;

    display: flex;
    font-family: var(--font-family-monospace);
    gap: var(--spacing);
    list-style-type: none;
    margin-block: 0;
    padding-inline-start: 0;

    &::before {
        color: var(--text-color-secondary);
        content: attr(data-term) " =";
        text-transform: uppercase;
    }

    li:not(:last-child)::after {
        color: var(--text-color-secondary);
        content: ":";
        margin-inline-start: var(--spacing);
    }
}