Skip to content

Add styling to kbd shortcode keyboard shortcuts in Revealjs presentations #6012

@cderv

Description

@cderv

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

And also related to other kbd works

Discussed in #6009

Originally posted by c-zippel June 23, 2023

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

In Reveal:
image

Thank you for considering this feature request!

.qmd for the screenshots
---
format: 
  html: default
  revealjs: 
    output-file: revealjs.html
---

## Keyboard Shortcut

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

Metadata

Metadata

Assignees

Labels

enhancementNew feature or requestrevealjsIssues with the revealjs formatshortcodesissues related to shortcodes

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions