Syntax Highlighting In Wyam

In my previous blog post I saw that the syntax highlighting was weird on a phone.
A carriage return was added automatically instead of taking advantage of the power of a scrollbar.

To avoid the carriage return and let the scrollbar work as expected we need to override the CSS with the following style:

pre code {
        white-space: pre;
        word-wrap: normal;
}

Just create the following folder structure in your input directory, create a file named override.css and add the pre code style in it.

Build your blog and start the preview to see the result.

comments powered by Disqus