hugo-theme-termlite/assets/css/099_taxonomy_list.css
Eryn Wells f078b30866 Restyle <ol> and <ul>
Use * for unordered lists and fix the number placement in ordered lists
2024-10-07 21:02:29 -07:00

35 lines
640 B
CSS

/***************************
* 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-name) " =";
text-transform: uppercase;
}
li {
padding-inline-start: 0;
}
li:not(:last-child)::after {
color: var(--text-color-secondary);
content: ":";
margin-inline-start: var(--spacing);
}
}