enumeration in html vs revealjs

[hardin47]

it seems that when i change the format from html to revealjs, the enumeration changes. in fact, with revealjs, I can't figure out the correct markdown to get the second layer of enumeration to be letters instead of numbers. is there a magic indent that I'm missing? can anyone help me get letters in the revealjs enumeration?

---
title: "clicker"
format:
  revealjs:
    footnotes-hover: true
---
<!-- the two formats are html and revealjs -->

# Clicker Q

to go with **Probability & Statistics** by DeGroot and Schervish.  Math 152 - Statistical Theory.

---

1. The Central Limit Theorem (CLT) says:[^1]
   a. The sample average (statistic) converges to the true   average (parameter)
   b. The sample average (statistic) converges to some pont
   c. The distribution of the sample average (statistic)    converges to a normal distribution
   d. The distribution of the sample average (statistic)    converges to some distribution
   e. I have no idea what the CLT says
   

[^1]:  c. The distribution of the sample average (statistic) converges to a normal distribution

---

2. Which cab company was involved?[^2]
...

revealjs rendering:

html rendering:

[mcanouil]

I think it is somehow related to the following css and something else (a lua filter or else)

quarto-cli/src/resources/formats/revealjs/reveal/css/theme/template/theme.scss

Lines 117 to 119 in 52b04fe

	.reveal ol {
	list-style-type: decimal;
	}

To note, the issue is not the nested part, but that 'decimal' type is used for any ordered list no matter the type define in <ol> tags.

[hardin47]

i'm using a custom .scss file. do you have a suggestion for what i can put into that file to get letter enumeration at the second level?

thanks!

[mcanouil]

Here what happens when you tweak the css from the browser:

Screen.Recording.2022-08-15.at.20.52.58.mov

The tricky part is, you can't really override this, because it will overrides all <ol> elements.

This is why there is some post-processing involved here but don't know if it's Quarto, Pandoc or Reveal.JS 🤷‍♂️

[jjallaire]

Could you try using the selector .reveal ol ol ?

[hardin47]

yes, that worked! I just put this in my .qmd file (didn't need to put it in the separate .scss file, but my guess is that it would work there, too):

```{=html}
<style>
.reveal ol ol {
list-style-type: lower-alpha;
}
</style>

```

thank you sooooo much!!

[mcanouil]

@jjallaire Why is the ordered list not resolved the same way in revealjs and html format?
It feels like this is a workaround to fix the fact that for some reason the ordered list attributes is ignored in revealjs (i.e., type="a" and type="1" in this example)

[jjallaire]

Because they have entirely different stylesheets (one is bootstrap HTML and one is RevealJS)

[mcanouil]

So, the type attributes being ignored might be an issue from Reveal.JS? (a while ago, I saw some issues regarding ordered list in Reveal.JS).