From c20b336cd9e97701dff6434039627c1293b03687 Mon Sep 17 00:00:00 2001 From: Philipp Schilk Date: Sat, 13 Jul 2024 23:07:53 +0200 Subject: [PATCH] fix(docs): Use CSS-style comments in syntax highlight CSS suggestion snippet. (#2572) --- .../documentation/content/syntax-highlighting.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/docs/content/documentation/content/syntax-highlighting.md b/docs/content/documentation/content/syntax-highlighting.md index cc0cbac3..e84eb165 100644 --- a/docs/content/documentation/content/syntax-highlighting.md +++ b/docs/content/documentation/content/syntax-highlighting.md @@ -316,27 +316,27 @@ highlight(code); Depending on the annotations used, some codeblocks will be hard to read without any CSS. We recommend using the following snippet in your sites: -```scss +```css pre { padding: 1rem; overflow: auto; } -// The line numbers already provide some kind of left/right padding +/* The line numbers already provide some kind of left/right padding */ pre[data-linenos] { padding: 1rem 0; } pre table td { padding: 0; } -// The line number cells +/* The line number cells */ pre table td:nth-of-type(1) { text-align: center; user-select: none; } pre mark { - // If you want your highlights to take the full width. + /* If you want your highlights to take the full width */ display: block; - // The default background colour of a mark is bright yellow + /* The default background colour of a mark is bright yellow */ background-color: rgba(254, 252, 232, 0.9); } pre table { @@ -353,7 +353,7 @@ snippet above. ```scss, linenos, linenostart=10, hl_lines=3-4 8-9, hide_lines=2 7 pre mark { - // If you want your highlights to take the full width. + // If you want your highlights to take the full width display: block; color: currentcolor; }