Lists with inline code elements and nested lists have extra margin.

[franknorton]

Description

When creating a list with inline code elements you get uneven spacing if the next element in the list is a list itself.

Steps To Reproduce

Create a list with the following structure in markdown to see the problem.

- `Inline code element`
    - Next element, too much spacing above this.
    - Spacing is fine here.

The resulting HTML looks like:

<ul>
  <li>
    <code>Inline code element</code>
    <ul>
      <li>Next element, too much spacing</li>
      <li>Spacing is fine here.</li>
    </ul>
  </li>
</ul>

Expected Behavior

The spacing should've zeroed out the margin-top like it does for normal nested lists.

This CSS does the zeroing:

.content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)):first-child {
    margin-top: 0px;
}

Actual Behavior

The previous css is excluded, I believe because the ul is no longer the first-child of the containing li, the code tag is getting in the way.

Additional Context

This problem occurs with other elements besides <code>, such as when italicizing an element (<em>) or bolding it (<strong>)

Environment

• Hugo Version: 0.121.1
• Browser/OS: Vivaldi, Windows 11
• Theme Version: v0.7.0

[imfing]

thanks, will take a look