Kbd

Width Open in a tab

The classes below, on plain markup, in their own document — so what you are looking at is core's stylesheet and nothing else.

The markup

Press <kbd class="aparte-kbd">Ctrl</kbd> + <kbd class="aparte-kbd">K</kbd> to search,
or <kbd class="aparte-kbd">Esc</kbd> to close.

A keyboard key

The monospace stack is —aparte-code-font-family, reused rather than declared again: it is already the library’s one answer to “what font is code”, and a key label is exactly that question asked a second time.

Classes

.aparte-kbd

The tokens these read are on the CSS variables reference; every class of the kit, on one page, is the classes reference.