From 78c041344b4eb63097b91487de782f08ed9c96b2 Mon Sep 17 00:00:00 2001
From: Marshall Lochbaum <mwlochbaum@gmail.com>
Date: Wed, 4 Aug 2021 10:01:09 -0400
Subject: Make prefix key configuration look more <kbd>-like

---
 docs/style.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

(limited to 'docs/style.css')

diff --git a/docs/style.css b/docs/style.css
index 3388aed7..3264e776 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -126,8 +126,9 @@ textarea { width: 100%; outline: none; resize: vertical; margin: 0; }
 }
 .kbext select { opacity: 0.5; border: none; }
 .prfx {
-  width: 1.2em; text-align: center; border: 1px solid #bdcac4;
-  margin-left: 0.6em;
+  width: 1.2em; text-align: center; margin-left: 0.6em;
+  border: 1px solid #bdcac4; border-radius: 0.4em;
+  box-shadow: -0.03em 0.02em 0 0 #bdcac4;
 }
 .rel { position: relative; }
 .demo {
@@ -191,6 +192,7 @@ a:visited     { color: #3d155f; }
   input       { border-color: #0c0d0e; }
   textarea, pre, code, .primitives tr td:first-child { color: #969698; background-color: #0c0d0e; }
   textarea, pre, code, .kb, .prfx { border-color: #040509; }
+  .prfx { box-shadow: -0.03em 0.02em 0 0 #040509; }
   .code, .codeCover { fill: #0c0d0e; stroke: #040509; }
   .codeCover  { stroke: #0c0d0e; }
   code        { border-color: #0c0d0e; background-color: #0f1011; }
-- 
cgit v1.2.3