Skip to content

Instantly share code, notes, and snippets.

@jasonreiche

jasonreiche/kbd-keys.css

Created January 26, 2021 21:46
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 jasonreiche/5fa2406518bee89eba6b42d859c3654a to your computer and use it in GitHub Desktop.
Save jasonreiche/5fa2406518bee89eba6b42d859c3654a to your computer and use it in GitHub Desktop.
Download ZIP
Make KDB HTML elements look more like a keyboard key
Raw
kbd-keys.css
kbd {
padding: 0.05em 0.4em;
border: 1px solid #ccc;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
background-color: #eee;
color: #222;
-moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
text-shadow: 0 1px 0 #fff;
line-height: 1.4;
white-space: nowrap;
vertical-align: text-top;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment