Pre blocks generally don't stack together

[badlydrawnrob]

Is it necessary to prevent a gap if two code blocks are siblings?

• pre tags have no margins
• .sourceCode from Skylighting have margins.
• pre.sourceCode is also overriding pre + pre styles.
• Probably wise for a margin-bottom on <div> or the <pre> for sibling components.

Pandoc spews out default css code in the header when compiling the template. Removing margin: 1em 0 from .sourceCode will stack them together — but this shouldn't be needed — custom Skylighting css should be the default (not Pandocs template code).

Wasted code?

I think originally I added this because of the Anki Themes layout.

• div wrappers have no padding or margins
• pre tags have padding only (no margins)

Two code blocks in Anki Themes will stack together with no gaps.

The following code.less is using negative margin-top:

  & + & {
    border-top: transparent;
    margin-top: calc(var(--spacing) * -1);  // #2
  }

I expect my thinking was to make sure that two pre blocks together would stack up without a gap ... only, while using Pandoc the <div class="sourceCode"> for Skylighting the pre blocks are never going to be right next to each other!

div.sourceCode {
  margin: 1em 0;
}

The above code is what Skylighting wrapper will do; two pre blocks rendered with Pandoc will produce a gap.