.list-posts {
margin-bottom: 2em;
}
.list-post-link {
margin: 2em 1em 0 1em; display: block; width: auto; height: auto;
}
.list-post-hover {
background-color: $hover-colour; opacity: 0.8; border-radius: 5px; transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out;
}
.list-post-image {
width: 100%; margin-bottom: 0.4em; border-radius: 5px;
}
.list-post-info {
margin: 0 0.4em;
}
.list-post-title {
color: $text-colour-dark; width: 100%; font-size: 1.5rem; font-weight: bold; a { color: white; &:hover { color: white; } }
}
.list-post-description {
color: $description-colour; margin: 0.4em 0; font-size: 1rem;
}
.list-post-footer {
margin: 0 1.4em;
}
.list-post-date {
color: $secondary-highlight; font-weight: bold; font-size: 0.9rem;
}
.list-post-tags {
font-weight: bold; font-size: 0.9rem; color: $tertiary-highlight;
}