Add shortcut key styles to globals.css

1 files changed, 22 insertions, 0 deletions

diff --git a/apps/web/src/app/globals.css b/apps/web/src/app/globals.css
index 2f7158cc..bc9638ef 100644
--- a/apps/web/src/app/globals.css
+++ b/apps/web/src/app/globals.css
@@ -86,3 +86,25 @@
     overscroll-behavior-x: contain;
   }
 }
+
+.shortcut-key {
+  @apply inline-flex;
+  @apply font-sans;
+  @apply text-xs;
+  @apply rounded;
+  @apply px-2;
+  @apply min-w-[1.5rem];
+  @apply min-h-[1.5rem];
+  @apply leading-none;
+  @apply items-center;
+  @apply justify-center;
+  @apply shadow-sm;
+  @apply border;
+
+  background-color: rgba(0, 0, 0, 0.2);
+  border-color: rgba(255, 255, 255, 0.1);
+
+  &:not(:last-child) {
+    @apply mr-1;
+  }
+}