adilallo
39 lines
900 B
CSS
39 lines
900 B
CSS
/* Blog post body styling with semantic spacing */
|
|
.post-body p {
|
|
/* Scales with font size - uses logical properties for better writing mode support */
|
|
margin-block: 1em;
|
|
}
|
|
|
|
/* Extra blank lines from markdown -> visible gaps that scale with font size */
|
|
.post-body .md-gap {
|
|
/* Each "extra blank line" is one em; scales with font size */
|
|
block-size: calc(1em * var(--gap, 1));
|
|
margin: 0; /* no extra margins around the gap */
|
|
line-height: 1; /* prevent tall line-height from compounding */
|
|
}
|
|
|
|
/* Heading rhythm for better typography */
|
|
.post-body h1 {
|
|
margin-block: 1.5em 0.6em;
|
|
}
|
|
.post-body h2 {
|
|
margin-block: 1.4em 0.6em;
|
|
}
|
|
.post-body h3 {
|
|
margin-block: 1.2em 0.5em;
|
|
}
|
|
.post-body h4 {
|
|
margin-block: 1.1em 0.5em;
|
|
}
|
|
.post-body h5 {
|
|
margin-block: 1em 0.4em;
|
|
}
|
|
.post-body h6 {
|
|
margin-block: 1em 0.4em;
|
|
}
|
|
|
|
/* Ensure line breaks are visible */
|
|
.post-body br {
|
|
display: block;
|
|
}
|