In our current setup, code blocks do not maintain proper spacing between lines, making them harder to read.
However, the default Docusaurus code blocks render with correct line spacing and visual clarity. This suggests that our custom styles or overrides may be affecting the default behavior.
Expected behavior
- Code blocks should have consistent and readable line spacing (similar to default Docusaurus styling)
- Proper padding and line height should be applied
Actual behavior
- Lines appear cramped with insufficient vertical spacing
- Reduced readability compared to standard Docusaurus code blocks
Possible cause
- CSS overrides affecting
pre, code, or Prism classes (e.g., line-height, padding, or display properties)
Suggested fix
- Compare with default Docusaurus styles
- Ensure
line-height and padding are not overridden unintentionally
- Verify Prism theme integration
In our current setup, code blocks do not maintain proper spacing between lines, making them harder to read.
However, the default Docusaurus code blocks render with correct line spacing and visual clarity. This suggests that our custom styles or overrides may be affecting the default behavior.
Expected behavior
Actual behavior
Possible cause
pre,code, or Prism classes (e.g.,line-height,padding, ordisplayproperties)Suggested fix
line-heightand padding are not overridden unintentionally