.tags-list {
a { margin-right: 0.5em; white-space: nowrap; //opacity: 0.75; text-decoration: none; .tag-count { background: #999; color: rgba(255, 255, 255, 0.8); margin-left: 0.25em; border-radius: 1000px; font-size: 0.75em; padding-left: 0.6em; padding-right: 0.6em; } // No underline because it looks weird with badge &:hover { text-decoration: none; opacity: 1; } }
}
.posts-by-tag h1 {
text-transform: capitalize;
}
.posts-by-tag {
padding-bottom: 2rem;
}
.posts-list a {
text-decoration: none;
}
@keyframes posts-for-tag-fade-in {
from { opacity: 0; } to { opacity: 1; }
}
// Display only if targeted .posts-for-tag {
display: none; &:target { display: block; animation: posts-for-tag-fade-in 0.6s ease-in-out; }
}