Whitespace issues in content section with code examples

[guinanseyebrows]

This just started happening on a new branch - code examples appear to take an equal amount of space out of the content section.

I have 5 or 6 sites built where this isn't happening but for some reason on this newest project I'm working on, a ton of extra whitespace is added. It happens whether I use middleman to preview it or build the site and open the HTML file itself.

What am I doing wrong here? Is there something I can do via CSS to stop this?

[MasterOdin]

In the slate 2.5 / 2.6 release, we've updated to Rouge 3.x which results in that weird spacer. Make sure your source/stylesheets/screen.css.scss has a clear on .content>div.highlight, like so:

slate/source/stylesheets/screen.css.scss

Lines 509 to 517 in 6f24a0d

	////////////////////////////////////////////////////////////////////////////////
	// CODE SAMPLE STYLES
	////////////////////////////////////////////////////////////////////////////////
	// This is all the stuff that appears in the right half of the page
	.content {
	&>div.highlight {
	clear:none;
	}

[Aderks]

Its been awhile since I updated my API doc, and with the new branch I had the same issue.

Adding this fixed it:

  &>div.highlight {
    clear:none;
  }

Thanks @MasterOdin for this answer!