Skip to content

Improve Code Rendering #651

New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

irfanfadilah
Copy link

This PR improves the style for block and inline <code> tags.

Fix Overflow

Commit: 397853f

Move the overflow-x: auto; property from pre to code to fix scrolling and padding.

Before After
pre-code-before pre-code-after

Improve Inline Spacing

Commit: 2e89229

The inline <code> tags touch each other when stacked in multiple lines, so I adjusted the vertical padding to 0.125rem. I also added vertical-align: middle; to improve the text alignment.

Before After
inline-code-before inline-code-after

@Yohn
Copy link

Yohn commented Jan 14, 2025

Hey @irfanfadilah
I've been keeping up with some pull requests and changes in a forked branch of at Yohn/PicoCSS and I'd love to have this added to there if you'd like to create a pull request!

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants