search

morrowind-modding / morrowind-modding.github.io

The Morrowind Modding Wiki
https://morrowind-modding.github.io/
MIT License
11 stars 5 forks source link

Add custom CSS styling for `<kbd>` tag #31

Closed MasssiveJuice08 closed 3 months ago

MasssiveJuice08 commented 4 months ago

Keyboard input (e.g., ctrl + alt + del) can be typed out by using the <kbd> </kbd> HTML tags and given custom styling with CSS to make the text look like keys on a keyboard. However, by default it is rendered the same as code on Quartz and Obsidian (e.g., ctrl + alt + del). Github renders <kbd> with unique styling, as in the first example.

As wiki content is primarily focused on tutorials instead of encyclopaedic content, a significant amount of text content in articles will be code blocks and keyboard input/hotkeys. With no difference in style between the two, this hinders readability.

Example of how kbd can be styled

MasssiveJuice08 commented 3 months ago

Resolved by 97e55f8