Horizontal scroll in code blocks using middleman-syntax

#1

I just updated to middleman-syntax 1.2.0 and the highlighting is much better, however the <pre> block is no longer wrapped in a <div>, so I lost the scrollbar when the code block is really wide. What options or additional code do I need to get this back?

For reference I’m using:

gem 'middleman-syntax', '~> 1.2.1'
gem 'redcarpet', '~> 2.2.2'
#2

Hi Jubei,

You can add a CSS rule to allow the pre to scroll when its bounds are reached:

pre.highlight {
  overflow: auto;
}

I’ve just tested this with your version of middleman-syntax, and it works fine.

#3

Sorry, made a mistake in that last post. Should be overflow: auto. Have edited and fixed.

#4

That worked once I cleaned up the rest of the css now that the pre is .highlight and not contained in div.highlight. Thanks.