Skip to content

Instantly share code, notes, and snippets.

@gusbemacbe
Created January 17, 2024 12:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save gusbemacbe/2f81306fe25d74c7695b1152c6f8e5d0 to your computer and use it in GitHub Desktop.
Save gusbemacbe/2f81306fe25d74c7695b1152c6f8e5d0 to your computer and use it in GitHub Desktop.
Menukeys
<style> body { background-color: #fff; color: #000; font-family: sans-serif; font-size: 1em; line-height: 1.5em; } /* The div element should be on the paragraph */ .menukeys { display: inline-block; vertical-align: middle; } .menukeys .key { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; } .key { background-color: #D1D1D1; color: #5A5A5A; float: left; font-size: 0.8em; font-weight: bold; height: 1.5em; margin: 0 0.1em; padding: 0 1.4em; text-align: center; position: relative; } .key::before { content: ""; border-top: 0.8em solid transparent; border-bottom: 0.8em solid transparent; border-left: 0.8em solid #fff; position: absolute; left: 0; top: 0; } .key::after { content: ""; border-top: 0.8em solid transparent; border-bottom: 0.8em solid transparent; border-left: 0.8em solid #D1D1D1; position: absolute; right: -0.78em; top: 0; z-index: 1; } /* Cancelling all the borders for the first child of the class .key::before */ .key:first-child::before { border-bottom: none; border-left: none; border-top: none; } .key:last-child::after { border-bottom: none; border-left: none; border-top: none; } </style>

Menukeys

The NVM for Windows should be installed on the path File Open Recent More... Save.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment