Distill l-gutter not working

[vmasrani]

Acknowledge the following

• I carefully read and followed the Getting Started guide.
• I read through FAQ and searched through the past issues, none of which addressed my issue.
• The issue I am raising is a potential bug in al-folio and not just a usage question.
  [For usage questions, please use gitter chat instead of raising an issue.]

Describe the bug
Longer text within the l-gutter div causes weird spacing as seen in the screenshot below:

To Reproduce
I modified the text at the bottom of 2018-12-22-distill.md to:

The final layout is for marginalia, asides, and footnotes.
It does not interrupt the normal flow of `.l-body` sized text except on mobile screen sizes.

<div class="fake-img l-gutter">
  <p>.l-gutter .l-gutter .l-gutter .l-gutter .l-gutter .l-gutter .l-gutter .l-gutter .l-gutter .l-gutter .l-gutter .l-gutter .l-gutter .l-gutter .l-gutter .l-gutter .l-gutter .l-gutter .l-gutter .l-gutter </p>
</div>

The final layout is for marginalia, asides, and footnotes.
It does not interrupt the normal flow of `.l-body` sized text except on mobile screen sizes.

The final layout is for marginalia, asides, and footnotes.
It does not interrupt the normal flow of `.l-body` sized text except on mobile screen sizes.

and this produced the screenshot above

Expected behavior
The gutter text doesn't add whitespace to the body

System (please complete the following information):

• OS: macOS Catalina
• Browser (and its version) Edge: 89.0.774.63
• Jekyll version: 3.9.0
• Ruby version: 2.6.5

[alshedivat]

This issue is coming from distill.pub's template.v2.js. I can reproduce the behavior by directly editing the styles of one of their articles that uses v2 template (see the screenshot below). I recommend raising this issue directly in distilpub/template.

[vmasrani]

Great will do - thanks!

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.