style(web/homepage): Highlight <kbd> elements like buttons r/523

1 files changed, 14 insertions, 0 deletions

diff --git a/web/homepage/static/tazjin.css b/web/homepage/static/tazjin.css
index 668c27606c..aea4d426ea 100644
--- a/web/homepage/static/tazjin.css
+++ b/web/homepage/static/tazjin.css
@@ -167,3 +167,17 @@ img {
     color: #a52714;
     background-color: #fbe9e7;
 }
+
+kbd {
+    background-color: #eee;
+    border-radius: 3px;
+    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;
+}