How can I make a "boring" callout that is collapsible?

[DOH-SRE1303]

Description

I am trying to make an scss rule that will make a "boring" callout that can collapse similar to how normal callouts use collapse="true". However, I can't figure out how to give this functionality to a modified callout box scss rule. My modifications are just trying to make a boring callout alongside my BS Cosmo theme with:

• A title
• No background title color
• No icon
• No colors except a light gray

/*-- scss:rules --*/
.callout-boring {
  margin-left: 0em;
  padding: 0em 0.5em;
  border-left: solid #dee2e6 .3rem;
  border-right: solid 1px #dee2e6;
  border-top: solid 1px #dee2e6;
  border-bottom: solid 1px #dee2e6;
  border-radius: 5px;
}

Example with normal collapsing callouts inside boring one:

---
title: "Can I make a boring callout collapse?"
format:
  html:
    theme:
      light: [cosmo, custom.scss]
---

:::{.callout-boring}
### Boring Section

:::callout-note
### Not boring
:::

:::callout-warning
### Not boring
:::

:::callout-tip
### Not boring
:::

:::

How might I add a collapse functionality here similar to default callouts with collapse="true"?

Quarto version: 1.3.353

[mcanouil]

See Bootrstrap collapse documentation: https://getbootstrap.com/docs/5.3/components/collapse/.

Also you can make actual custom call-outs in Quarto (although not currently well documented): #844 (comment) and https://quarto.org/docs/prerelease/1.3/ast.html#example-callouts

[dragonstyle]

Also worth checking the documentation - there are simple style callouts and the ability to hide icons as simple yaml options for callouts.

[mcanouil]

See https://quarto.org/docs/authoring/callouts.html.