bevyengine / bevyengine/bevy-website

Inline code blocks: too little contrast, too much padding

Open
#2,175 0 comments 0 reactions 0 assignees View on GitHub
A-Cross-Cutting C-Webdev S-Ready-For-Implementation X-Contentious
Dominant language
JavaScript
Stars
249
Forks
450
Avg merge
16h 20m
Merged PRs (30d)
6

Description

In the book, the CSS styles for inline code blocks have a couple problems:

* The background color of the inline code block is nearly indistinguishable from the page background.
* The left and right padding are large enough that when followed by punctuation such as a comma, it looks like there's an extra space.

Image

Contributor guide

Open the contributing guide

Research direction

Locate the CSS styles for inline code blocks in the book source and compare them with the supplied screenshot. Adjust the background contrast and horizontal padding so inline code is distinct without creating an apparent gap before punctuation; verify the affected book content visually.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
design, frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.