quarto-dev / quarto-dev/quarto-cli
revealjs - find a way to correctly support vstack / hstack layout
@cderv is already working on this.
Since Jul 3, 2024.
- Dominant language
- JavaScript
- Stars
- 6k
- Forks
- 458
- Avg merge
- 1d 9h
- Merged PRs (30d)
- 41
Description
Something like this
## Quarto Workflow
::: {.r-vstack}

{.fragment}
{.fragment}
:::
Should be supported to have a nice layout per
https://github.com/quarto-dev/quarto-cli/blob/351ba4f20c854d46efc47dd1ee4fb98bb8463b73/src/resources/formats/revealjs/reveal/css/layout.scss#L35-L57
from revealjs. It is not documented at https://revealjs.com/layout/ though
But it is in the examples : https://refined-github-html-preview.kidonng.workers.dev/hakimel/reveal.js/raw/master/examples/layout-helpers.html
It is not working because like with .r-stretch it works when img are inside the div directly
<div class="r-vstack">
<img width="450" height="300" src="...">
<img width="300" height="450" src="...">
<img width="400" height="400" src="...">
</div>
but pandoc is adding a <p>
<div class="r-vstack">
<p><img width="450" height="300" src="..."></p>
<p><img width="300" height="450" src="..."></p>
<p><img width="400" height="400" src="..."></p>
</div>
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.