.post-list {
max-width: 45em; padding: 1em 1em 4em 1em; margin-left: auto; margin-right: auto; & li { list-style: none; } &.about { padding-top: 2em; }
}
.post-list__link {
text-decoration: none; font-size: 42px; transition: color 0.5s; font-family: "Operator Mono SSm-Medium"; &:hover { color: lighten($mine-shaft, $lighten--button); }
}
@media all and (max-width: 800px) {
.post-list__link { font-size: 36px; }
}
.post-list__meta {
display: flex;
}
.post-list__tags {
margin-top: 1em; padding-right: 0.5em;
}
.post-list__tags a {
text-decoration: none; transition: color 0.5s; transition: background-color 0.5s; border-radius: 5px; padding: 5px 8px; color: $white; &:visited { color: $white; } &:hover { color: $white; }
}
.post-list__read-more {
transition: color 0.5s; &:hover { color: lighten($mine-shaft, $lighten--button); }
}
.post.post-list {
margin-top: 2em;
}