Skip to content

Refactor post-body to use flexbox gap

jedmund requested to merge cleanup/post-body-flexbox into main

Created by: jedmund

Summary

  • Replace vertical margins with display: flex; flex-direction: column; gap on .post-body
  • Extra margin-top on headings, blockquotes, hrs, and figures to preserve visual rhythm
  • Lists and blockquotes also use flex gap internally
  • Hide empty <figcaption> elements with :empty

Test plan

  • Check a post with mixed content (headings, paragraphs, images, videos, blockquotes, code blocks, lists, embeds) and verify spacing looks the same
  • Verify no new type errors

Merge request reports