// Custom (Base16 Ocean) Rouge color scheme
<%= Rouge::Themes::Base16.mode(:dark).render(scope: '.highlight') %>

// Customize code style
.highlight, .highlight .w {
	// TEXT
	font-family: map-get($font-stack, code);
	font-size: 0.9rem;
	overflow:scroll;
	// ELEMENT
    border-radius: 3px;
    margin:1rem;
}

.highlight table td.gutter {
	background-color: $lighter;
	color: $darker;
}

// Custom (Base16 Ocean) Rouge color scheme
<%= Rouge::Themes::Base16.mode(:dark).render(scope: '.highlight') %>

// Customize code style
.highlight, .highlight .w {
	// TEXT
	font-family: map-get($font-stack, code);
	font-size: 0.9rem;
	overflow:auto;
	// ELEMENT
  border-radius: 3px;
  margin:1rem;
}

.highlight table td.gutter {
	background-color: $lighter;
	color: $darker;
}

Fix the CSS for code blocks to only show the scrollbar when needed
Fix the CSS for code blocks to only show the scrollbar when needed
