kbd styling is among the .scss we need to make available to revealjs as it works for HTML with bootstrap. 
Related on that topic to
* https://github.com/quarto-dev/quarto-cli/issues/5038 

And also related to other kbd works 

* https://github.com/quarto-dev/quarto-cli/issues/5879
* https://github.com/quarto-dev/quarto-cli/issues/5403

### Discussed in https://github.com/quarto-dev/quarto-cli/discussions/6009

<div type='discussions-op-text'>

<sup>Originally posted by **c-zippel** June 23, 2023</sup>
### Description

It'd be neat if keyboard shortcuts produced with the `kbd` shortcode in Reveal presentations were styled similarly to those in HTML documents, with a grey background and outline, rather than as normal slide text. 

In HTML: 
![image](https://github.com/quarto-dev/quarto-cli/assets/41382462/0c1d1168-91f3-41c3-8545-5c2628207ddf)

In Reveal:
![image](https://github.com/quarto-dev/quarto-cli/assets/41382462/6044da0e-ce62-4230-8b80-8f87ab72cddf)

Thank you for considering this feature request!

<details>
<summary>.qmd for the screenshots</summary>

````
---
format: 
  html: default
  revealjs: 
    output-file: revealjs.html
---

## Keyboard Shortcut

Here's a keyboard shortcut: {{< kbd Ctrl+S >}}

````
</details>

</div>
cderv
2023-06-23T09:54:42Z
cderv
enhancement revealjs
v1.4
open
Add styling to kbd shortcode keyboard shortcuts in Revealjs presentations
https://github.com/quarto-dev/quarto-cli/issues/6012