36 lines
664 B
CSS
36 lines
664 B
CSS
|
{{/*
|
||
|
|
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);
|
||
|
|
}
|
||
|
|
}
|