From 15e28bd2234125638194297a29d0cc8cd1258da1 Mon Sep 17 00:00:00 2001
From: Oliver Booth <git@olivr.me>
Date: Sun, 12 May 2024 13:31:36 +0100
Subject: [PATCH] feat: add keystroke class

---
 src/scss/app.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/scss/app.scss b/src/scss/app.scss
index 435640c..b78c93b 100644
--- a/src/scss/app.scss
+++ b/src/scss/app.scss
@@ -15,6 +15,16 @@ html, body {
   }
 }
 
+.keystroke {
+  background: color.adjust($foreground, $lightness: -20%);
+  color: $background;
+  border-radius: 2px;
+  border: color.adjust($foreground, $lightness: -30%);
+  box-shadow: #2b2b2b 2px 2px;
+  font-size: 12px;
+  padding: 2px 4px;
+}
+
 .btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
   box-shadow: 0 0 0 0.1rem $ui-foreground, 0 0 0 0.25rem #258cfb;
 }