Skip to content

Commit f34ad00

Browse files
fix(styles): remove custom pre padding for highlight.js compatibility
The pre element padding was changed from 1.25rem to zero so that Highlight.js can control the inner spacing of code blocks through its own theme stylesheet. With the github theme loaded, Highlight.js applies its own padding to the pre element via the .hljs class. Keeping the original 1.25rem caused double padding, making code blocks look oversized compared to the rest of the page.
1 parent c555a4d commit f34ad00

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

public/assets/styles.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -102,7 +102,7 @@ pre {
102102
background: #f8f8f8;
103103
border: 1px solid #e5e5e5;
104104
border-radius: 6px;
105-
padding: 1.25rem;
105+
padding: 0;
106106
overflow-x: auto;
107107
line-height: 1.5;
108108
margin: 1.5rem 0;

0 commit comments

Comments
 (0)