Skip to content

Spacing Issue in Simple Callouts #13883

@danielvartan

Description

@danielvartan

I have:

  • searched the issue tracker for similar issues
  • installed the latest version of Quarto CLI
  • formatted my issue following the Bug Reports guide

Bug description

Callouts rendering with callout-appearance: simple are lacking a proper bottom margin.

Image

This can be solved by adding an 0.5em bottom margin.

.callout:not(.callout-titled) .callout-body > :last-child, .callout:not(.callout-titled) .callout-body > div > :last-child {
  margin-bottom: 0.5em;
}
Image

Steps to reproduce

I prepared a test repository for this: https://github.com/danielvartan/test/tree/quarto-1

Just render quarto commenting and uncommenting the line theme: [cosmo, styles.scss] in _quarto.yml to see the difference.

Actual behavior

The callout top and bottom margins don't coincide.

Expected behavior

The callout should have equal top and bottom margins.

Your environment

Positron Version: 2026.01.0 build 147
Code - OSS Version: 1.106.0
Commit: 3290136f699527bf01b703b390457b05ef2b858a
Date: 2026-01-06T01:43:52.838Z
Electron: 37.7.0
Chromium: 138.0.7204.251
Node.js: 22.20.0
V8: 13.8.258.32-electron.0
OS: Linux x64 6.18.2-arch2-1

Quarto check output

Quarto 1.8.24
[✓] Checking environment information...
      Quarto cache location: /home/danielvartan/.cache/quarto
[✓] Checking versions of quarto binary dependencies...
      Pandoc version 3.6.3: OK
      Dart Sass version 1.87.0: OK
      Deno version 2.3.1: OK
      Typst version 0.13.0: OK
[✓] Checking versions of quarto dependencies......OK
[✓] Checking Quarto installation......OK
      Version: 1.8.24
      Path: /opt/quarto/bin

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

[✓] Checking LaTeX....................OK
      Using: Installation From Path
      Path: /usr/bin
      Version: undefined

[✓] Checking Chrome Headless....................OK
      Chrome:  (not detected)

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

[✓] Checking Python 3 installation....OK
      Version: 3.13.11
      Path: /bin/python
      Jupyter: 5.9.1
      Kernels: python3

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

[✓] Checking R installation...........OK
      Version: 4.5.2
      Path: /usr/lib64/R
      LibPaths:
        - /home/danielvartan/R/x86_64-pc-linux-gnu-library/4.5
        - /usr/lib/R/library
      knitr: 1.51
      rmarkdown: 2.30

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    calloutsIssues with Callout Blocks.enhancementNew feature or requestthemesRelated to HTML theming or any other style related issue (like highlight-style)

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions