Mirrors/zola
2
0
Fork 0
mirror of https://github.com/getzola/zola synced 2024-11-10 06:14:19 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(docs): Use CSS-style comments in syntax highlight CSS suggestion snippet. (#2572)

Browse source
This commit is contained in:
Philipp Schilk 2024-07-13 23:07:53 +02:00 committed by GitHub
parent e834c7a149
commit c20b336cd9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
docs/content/documentation/content/syntax-highlighting.md
View file

@ -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;
}