As far as CSS changes, what I ended up doing is targeting
pre.highlight instead of just
.highlight to avoid doubling up on some styling that could be added to
Of course this is completely dependent on how you’re styling code blocks, but looking at your screenshot above @pawelgrzybek, seems like you have a similar issue as I did… the newer version of Rouge with the duplicate
.highlight doubles up the padding.
Using this should remove the extra padding around the border.
padding: .8rem 1.2rem;
box-shadow: 0 0 0 1px #eee;