git-read

Syntax highlight Markdown fenced code blocks

The syntax-highlighting styles are wholly generated from the rouge gem’s Github theme.

To enable it, configure Middleman’s Markdown rendering engine by adding a call to activate :syntax to the project’s config.rb.

To ensure that middleman-syntax and the @tailwindcss/typography styles are not at odds with one another, customize @tailwindcss/typography to omit some of its predefined <pre> element styles.

Append the syntax highlighting CSS to the bottom of source/stylesheets/syntax.css.erb, and extend the Tailwind .prose classes to account for the new .highlight class.