Added a 5px top margin to SVG icons in the blog post sidebar navigation links. This improves alignment and visual consistency in the blog layout.
60 lines
1.4 KiB
SCSS
60 lines
1.4 KiB
SCSS
// Blog styling
|
|
|
|
// Author styling in blog posts
|
|
.md-post__authors.md-typeset {
|
|
font-size: 1.3rem; // Match the general text size of the website
|
|
|
|
// General author styling
|
|
.md-author {
|
|
img {
|
|
// Make the author image significantly larger
|
|
width: 3.5rem; // Much larger than default
|
|
height: 3.5rem; // Maintain aspect ratio
|
|
border-radius: 50%; // Keep the circular shape
|
|
}
|
|
}
|
|
|
|
// 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
|
|
}
|
|
}
|
|
|
|
// Author profile description
|
|
.md-profile__description {
|
|
font-size: 1.3rem; // Match the general text size of the website
|
|
line-height: 1.6; // Improve readability
|
|
}
|
|
|
|
// Profile container
|
|
.md-profile.md-post__profile {
|
|
margin-bottom: 1rem; // Add some spacing between multiple authors
|
|
}
|
|
}
|
|
|
|
// Blog sidebar styling - make all text in the sidebar 80% of the normal size
|
|
.md-sidebar__inner.md-post {
|
|
font-size: 80%; // Set font size to 80% of the parent element
|
|
|
|
// Ensure all child elements inherit the font size
|
|
* {
|
|
font-size: inherit;
|
|
}
|
|
|
|
// Override specific font sizes that were previously set
|
|
.md-post__authors.md-typeset,
|
|
.md-profile__description {
|
|
font-size: inherit;
|
|
}
|
|
}
|
|
|
|
.md-sidebar--post{
|
|
.md-nav__link{
|
|
svg{
|
|
margin-top: 5px;
|
|
}
|
|
}
|
|
}
|