Inconsistent spacing after header

[austin-hoover]

Bug description

On an HTML document, there is some padding after a section ends, before the next header. But it seems there is not much spacing above the first header on my website. See https://austin-hoover.github.io/blog/posts/2024-06-06_mentflow-part1.

First header, after preamble:

Second header:

This changed some time ago but I can't remember when.

Steps to reproduce

No response

Expected behavior

No response

Actual behavior

No response

Your environment

OS: MacOS Ventura 13.6

Quarto check output

quarto check

Quarto 1.5.57
[✓] Checking versions of quarto binary dependencies...
      Pandoc version 3.2.0: OK
      Dart Sass version 1.70.0: OK
      Deno version 1.41.0: OK
      Typst version 0.11.0: OK
[✓] Checking versions of quarto dependencies......OK
[✓] Checking Quarto installation......OK
      Version: 1.5.57
      Path: /Applications/quarto/bin

[✓] Checking tools....................OK
      TinyTeX: (not installed)
      Chromium: (not installed)

[✓] Checking LaTeX....................OK
      Using: Installation From Path
      Path: /Library/TeX/texbin
      Version: 2020

[✓] Checking basic markdown render....OK

[✓] Checking Python 3 installation....OK
      Version: 3.10.13 (Conda)
      Path: /Users/austin/miniconda3/bin/python
      Jupyter: 5.7.2
      Kernels: ment-flow, python3

[✓] Checking Jupyter engine render....OK

[✓] Checking R installation...........(None)

      Unable to locate an installed version of R.
      Install R from https://cloud.r-project.org/

[cscheid]

we need a source document to be able to reproduce the issue.

[austin-hoover]

_quarto.qmd:

project:
  type: website

index.qmd:

---
title: "Test"
---

Lorem ipsum odor amet, consectetuer adipiscing elit. Aliquet mollis molestie ullamcorper litora eu conubia. Tellus metus mus interdum ipsum morbi cubilia nec duis. Iaculis malesuada eget duis gravida congue. Donec sagittis nec nulla magna vehicula justo rhoncus dolor. Himenaeos sagittis curae rutrum mus maximus porttitor litora. Neque vestibulum facilisis pharetra vivamus mauris, lobortis per habitasse! Habitant est hac hac dis; pulvinar erat. Metus nec pulvinar elementum sodales ut nisi tellus.

## Header A

Maecenas pellentesque dictum ornare accumsan auctor est sapien odio. Ut sit litora pulvinar, consequat aenean id phasellus natoque turpis. Nunc blandit egestas facilisis lectus tortor vel vel ac. Erat parturient litora viverra, tempor facilisis eget nibh tristique. Quisque varius eros laoreet sit viverra luctus etiam. Justo inceptos lectus felis commodo pellentesque ut facilisis. Finibus netus dis egestas molestie magnis suscipit sociosqu porta. Tempus sed iaculis vivamus netus montes eu nulla placerat.

## Header B

Egestas cursus augue volutpat vestibulum ex pellentesque rhoncus tellus scelerisque. Sodales massa montes venenatis suscipit nostra varius dictum dui. Phasellus leo accumsan primis montes gravida curae. Nibh ad sapien ligula, posuere vehicula eros. Taciti et ullamcorper metus vel vehicula mi nisl platea. Egestas turpis consequat elementum imperdiet nascetur vestibulum. Conubia blandit curabitur interdum ligula natoque neque nostra orci pretium. Mus leo ultricies dapibus molestie varius nostra. Est velit sit auctor pretium diam sagittis.

quarto render:

[mcanouil]

This is caused by this rule (not that you don't even need to setup the project as a website):

• https://github.com/quarto-dev/quarto-cli/blob/main/src/resources/formats/html/bootstrap/_bootstrap-rules.scss#L634-L636

Added with 6201e63

Which is also applied:

• https://github.com/quarto-dev/quarto-cli/blob/main/src/resources/extensions/quarto/confluence/theme.scss#L68-L70
• https://github.com/quarto-dev/quarto-cli/blob/main/src/resources/projects/website/navigation/quarto-nav.scss#L86-L98

[mcanouil]

Since this was made for Manuscript, there is likely a reason but for most HTML pages, I don't see why this rule was set.

[cscheid]

I think the fix was added because if there's no text between the title and the first section, that extra margin looks quite bad:

We can't just remove the rule; we need to add a rule that only triggers if there's no text in between the header and the first level 2 section.