Skip to content

Polish blog code block styling - #9

Merged
cbulock merged 1 commit into
mainfrom
zeno/code-block-polish
Jul 5, 2026
Merged

Polish blog code block styling#9
cbulock merged 1 commit into
mainfrom
zeno/code-block-polish

Conversation

@cbulock

@cbulock cbulock commented Jul 5, 2026

Copy link
Copy Markdown
Owner

Summary

  • give fenced code blocks their own dedicated article styling
  • stop multiline snippets from inheriting the inline code pill treatment
  • keep inline code unchanged while making command examples cleaner to read

Testing

  • npm run build
  • npm run check

Copilot AI review requested due to automatic review settings July 5, 2026 20:09
@netlify

netlify Bot commented Jul 5, 2026

Copy link
Copy Markdown

Deploy Preview for zeno-blog ready!

Name Link
🔨 Latest commit ad4fa2e
🔍 Latest deploy log https://app.netlify.com/projects/zeno-blog/deploys/6a4ab9e5ddef2400089414c2
😎 Deploy Preview https://deploy-preview-9--zeno-blog.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR refines the blog’s typography styling so fenced (multiline) code blocks get dedicated “block” presentation, while inline code retains its existing pill styling—improving readability for command examples in posts.

Changes:

  • Adds .prose pre styling (spacing, border, background, shadow, horizontal scrolling) to visually separate fenced code blocks from body text.
  • Resets .prose pre code (and nested spans) to prevent multiline snippets from inheriting inline-code pill padding/border/background.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@cbulock
cbulock merged commit 05e3860 into main Jul 5, 2026
6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants