Search code examples
reveal.jsquarto

No bullet point between bullet points in revealjs Quarto


I would like to have no bullet points between bullet points in a revealjs presentation in Quarto. Here is some reproducible code:

---
title: "No bullet point between bullet points in Quarto"
format: revealjs
---

## Example slide

- Bullet point
No bullet point
- Bullet point
No bullet point

Output:

enter image description here

As you can see, the "No bullet point" are written after the "Bullet point" text, while I would like them to be separate without having a bullet point, something like how the code looks like. So I was wondering if anyone knows how to have list element without a bullet point between bullet points in Quarto?


Solution

  • Does this give you the expected result? You need to add two white spaces such that pandoc knows that the bullet point for that line is finished.

    ---
    title: "No bullet point between bullet points in Quarto"
    format: revealjs
    ---
    
    ## Example slide
    
    - Bullet point  <- two white spaces 
    No bullet point
    - Bullet point  <- two white spaces 
    No bullet point
    

    enter image description here


    Edit: add css to use .incremental.

    <style type="text/css">
    li:nth-child(even)::marker {
      content: "";
    }
    </style>
    
    ## Next slide
    
    
    :::{.incremental}
    - Bullet point  
    - No bullet point
    - Bullet point  
    - No bullet point
    
    :::