Update blog styling and date formatting logic

Refined the blog's CSS, addressing title, meta, and author elements for improved readability and consistency. Reintroduced meta date formatting in the blog's HTML, including localized month names for better user experience. Removed unnecessary commented-out code for cleaner structure.
This commit is contained in:
tfw
2025-05-27 14:29:45 +02:00
parent 4fb5a80edc
commit a516568ab3
2 changed files with 24 additions and 15 deletions
+21 -2
View File
@@ -1,5 +1,18 @@
// Blog styling
// Blog post title styling
.md-post__title {
margin-top: 0; // Remove margin-top for H2 elements on blog page
}
// Blog post meta styling (date display)
.md-post__meta {
margin-bottom: 0.5rem; // Add some space between date and title
//font-size: 0.9rem; // Slightly smaller than normal text
color: var(--md-default-fg-color--light); // Lighter color for the date
}
// Author styling in blog posts
.md-post__authors.md-typeset {
font-size: 1.3rem; // Match the general text size of the website
@@ -17,8 +30,10 @@
// Long author format (used in blog post sidebar)
.md-author--long {
img {
width: 4rem; // Even larger for the long format
height: 4rem; // Maintain aspect ratio
//width: 4rem; // Even larger for the long format
//height: 4rem; // Maintain aspect ratio
width: 100%;
height: auto;
}
}
@@ -50,6 +65,10 @@
}
}
.md-typeset h2{
margin-top: 0 !important;
}
.md-sidebar--post{
.md-nav__link{
svg{