Instructions for CSS are incorrect for Middleman 4

[andy-twosticks]

The instructions here assume that you can dynamically render a .scss file. I'm told that this does not work for Middleman 4.

[johnlane]

TL;DR for others coming here, this works in a new vanilla markdown int foo site:

• Create source/stylesheets/highlighting.css.erb as per the instructions.

• Add to source/stylesheets/site.css.scss

  @import 'highlighting.css'

I've only done a quick test but I also find that it only works properly with redcarpet (not the default kramdown). If I get to the bottom of that then I will report back.

[agbodike]

Looks like this is still an issue. I believe that since rouge dynamically generates the contents of the file via erb it will only work as a .css.erb file, as sass does not compile from ERB in middleman 4.

[markets]

Going to close this one, just pushed some documentation updates following @johnlane's comment. That works just fine in a new MM v4 generated site.

Please, don't hesitate to reopen if you're still experimenting problems following the docs.