From 299800edbd0790c479203e333711e6770563b87f Mon Sep 17 00:00:00 2001
From: Rich Trott <rtrott@gmail.com>
Date: Fri, 2 Oct 2020 03:33:24 -0700
Subject: [PATCH] doc: adopt MDN style for kbd elements
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

PR-URL: https://github.com/nodejs/node/pull/35460
Reviewed-By: Daijiro Wachi <daijiro.wachi@gmail.com>
Reviewed-By: Luigi Pinca <luigipinca@gmail.com>
Reviewed-By: Michaël Zasso <targos@protonmail.com>
Reviewed-By: James M Snell <jasnell@gmail.com>
---
 doc/api_assets/style.css | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/doc/api_assets/style.css b/doc/api_assets/style.css
index 6bfeeaf3310e90..c54804269c38e5 100644
--- a/doc/api_assets/style.css
+++ b/doc/api_assets/style.css
@@ -573,12 +573,18 @@ td > *:last-child {
 }
 
 kbd {
-  font-size: 1.2em;
-  font-weight: 700;
+  background-color: #eee;
   border-radius: 3px;
-  padding: 1px 2px 0;
-  border: 1px solid black;
-}
+  border: 1px solid #b4b4b4;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset;
+  color: #333;
+  display: inline-block;
+  font-size: .85em;
+  font-weight: 700;
+  line-height: 1;
+  padding: 2px 4px;
+  white-space: nowrap;
+ }
 
 .changelog > summary {
   margin: .5rem 0;