29 lines
660 B
CSS
29 lines
660 B
CSS
/* ---- blog tab ---- */
|
|
|
|
/* Vertical stack of post cards. Cards are linear reading content, so unlike
|
|
the project grid there is no column packing -- one column, newest first. */
|
|
.blog-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
}
|
|
|
|
/* Card hover/entrance states are driven by inline styles in BlogPostCard,
|
|
mirroring ProjectCard; this is the base layer those styles sit on top of. */
|
|
.blog-post-card {
|
|
min-width: 0;
|
|
}
|
|
|
|
/* Narrow layout: the same card, just tighter. */
|
|
@media (max-width: 768px) {
|
|
.blog-post-card {
|
|
padding: 20px;
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.blog-post-card {
|
|
transition: none;
|
|
}
|
|
}
|