Update tags and categories to both use the same layouts

This commit is contained in:
2022-05-09 19:21:39 -05:00
parent 466c91a980
commit de84bc5ddf
11 changed files with 65 additions and 147 deletions

View File

@ -135,72 +135,50 @@
/* Category list format */
.category-list ul {
display: flex;
flex-direction: column;
list-style: none;
gap: 10px;
padding: 0;
/* Taxonomy list format */
.taxonomy-list a,
.taxonomy-list .taxonomy-metadata {
white-space: nowrap;
}
.category-list li {
.taxonomy-list p {
margin: 0;
}
.taxonomy-list ul {
list-style: none;
padding: 0;
display: flex;
flex-direction: row;
gap: 20px;
flex-direction: column;
gap: 10px;
}
.taxonomy-list li {
background-color: var(--background-1);
padding: 8px 12px;
border-radius: 8px;
display: flex;
flex-direction: row;
gap: 20px;
}
.category-list-left {
.taxonomy-list-left {
display: flex;
flex-direction: column;
}
@media (max-width: 480px) {
.category-list li {
.taxonomy-list li {
flex-direction: column;
gap: 0;
gap: 4px;
}
.category-list-left {
.taxonomy-list-left {
flex-direction: row;
justify-content: space-between;
}
}
.category-list p {
margin: 0;
}
.category-list a,
.category-list .category-metadata {
white-space: nowrap;
}
/* Tags list format */
.tag-list ul {
display: flex;
list-style: none;
gap: 10px;
flex-flow: row wrap;
padding: 0;
}
.tag-list a {
background-color: var(--background-1);
padding: 8px 12px;
border-radius: 12px;
}
.tag-list a:hover {
text-decoration: none;
background-color: var(--background-2);
}
/* Series list format */