mirror of
https://github.com/ilyakooo0/hakyll.git
synced 2024-10-06 09:17:15 +03:00
22434b5a69
Below is the generated HTML for with line numbers and without line numbers, respectively. ```html <!-- Without line numbers --> <pre class="sourceCode scala"> <code class="sourceCode scala"> <span class="kw">trait</span> Monad[M[_]] </code> </pre> <!-- With line numbers --> <table class="sourceCode scala numberLines"> <tr class="sourceCode"> <td class="lineNumbers"> <pre>1</pre> </td> <td class="sourceCode"> <pre> <code class="sourceCode scala"> <span class="kw">trait</span> Monad[M[_]] </code> </pre> </td> </tr> </table> ``` The markdown used is: ``` ~~~~ { .scala } trait Monad[M[_]] ~~~~ ~~~~ { .scala .numberLines} trait Monad[M[_]] ~~~~ ``` Notice that without line numbers the outer `pre` has a `sourceCode` class whereas with line numbers the `sourceCode` class is only put in `code` and table-related tags. In the original `syntax.css` file synax highlighting was only triggered if the `kw` and friends tags were within a `pre.sourceCode` - that means it did not trigger with line numbers. This change removes the requirement for the `pre` prefix so that highlighting is triggered with or without line numbers, so long as the code is within *some* `.sourceCode` tag.
19 lines
929 B
CSS
19 lines
929 B
CSS
/* Generated by pandoc. */
|
|
table.sourceCode, tr.sourceCode, td.lineNumbers, td.sourceCode, table.sourceCode pre
|
|
{ margin: 0; padding: 0; border: 0; vertical-align: baseline; border: none; }
|
|
td.lineNumbers { border-right: 1px solid #AAAAAA; text-align: right; color: #AAAAAA; padding-right: 5px; padding-left: 5px; }
|
|
td.sourceCode { padding-left: 5px; }
|
|
.sourceCode span.kw { color: #007020; font-weight: bold; }
|
|
.sourceCode span.dt { color: #902000; }
|
|
.sourceCode span.dv { color: #40a070; }
|
|
.sourceCode span.bn { color: #40a070; }
|
|
.sourceCode span.fl { color: #40a070; }
|
|
.sourceCode span.ch { color: #4070a0; }
|
|
.sourceCode span.st { color: #4070a0; }
|
|
.sourceCode span.co { color: #60a0b0; font-style: italic; }
|
|
.sourceCode span.ot { color: #007020; }
|
|
.sourceCode span.al { color: red; font-weight: bold; }
|
|
.sourceCode span.fu { color: #06287e; }
|
|
.sourceCode span.re { }
|
|
.sourceCode span.er { color: red; font-weight: bold; }
|