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:
@@ -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{
|
||||
|
||||
Reference in New Issue
Block a user