130 lines
2.6 KiB
SCSS
130 lines
2.6 KiB
SCSS
// 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
|
|
|
|
// 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
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
}
|
|
|
|
// 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-typeset h2{
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.md-sidebar--post{
|
|
.md-nav__link{
|
|
svg{
|
|
margin-top: 5px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.md-typeset .admonition.question, .md-typeset details.question{
|
|
border-color: #fff;
|
|
}
|
|
|
|
|
|
.md-typeset .admonition.info, .md-typeset details.info {
|
|
border-color: #fff !important;
|
|
}
|
|
|
|
.admonition{
|
|
padding: 1.5rem !important;
|
|
font-size: 100% !important;
|
|
border-radius: 0 !important;
|
|
|
|
.admonition-title{
|
|
background-color: #000 !important;
|
|
padding-left: .5rem !important;
|
|
&:before{
|
|
display: none !important;
|
|
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.md-typeset details{
|
|
|
|
border-radius: 0 !important;
|
|
font-size: 100% !important;
|
|
|
|
summary{
|
|
background-color: #000 !important;
|
|
padding-left: 1rem !important;
|
|
font-weight: normal !important;
|
|
&:before{
|
|
display: none !important;
|
|
}
|
|
&:after{
|
|
color: #fff !important;
|
|
top: .8rem !important;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.question{
|
|
|
|
|
|
} |