add a KeyboardButton component helper

fiberplane · Aug 22, 2024 · a4e22fc · a4e22fc
1 parent 1607d97
commit a4e22fc
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/www/src/components/KeyboardButton.astro b/www/src/components/KeyboardButton.astro
@@ -0,0 +1,21 @@
+---
+
+---
+
+<span><slot /></span>
+
+<style>
+  span {
+    align-items: center;
+    background-color: var(--sl-color-gray-6);
+    border-radius: 0.25rem;
+    box-shadow: 0 0 0 1px var(--sl-color-gray-5);
+    text-transform: uppercase;
+    display: inline-flex;
+    font-family: monospace;
+    font-size: 0.8rem;
+    font-weight: bold;
+    padding: 0.25rem 0.5rem;
+    margin: 0 0.25rem;
+  }
+</style>