Merge pull request #67 from tuurep/issue/66-add-kbd-tag-default-style

feat(#66): add default style for kbd tag
jannis-baum · Jun 24, 2024 · ad2c0d7 · ad2c0d7
2 parents 82c5944 + 21f0f06
commit ad2c0d7
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/static/style.css b/static/style.css
@@ -173,6 +173,17 @@ dt + dt + dd {
     margin-top: -2.25em; /* Align definition with last term */
 }                        /* Self height - margin - padding */
 
+/* --------------------------------------------------------------------------
+ * KEYBOARD INPUT ----------------------------------------------------------- */
+
+kbd {
+    background-color: #161616;
+    border: 1px solid #242424;
+    box-shadow: inset 0 -1px 0 #242424;
+    padding: 3px 5px;
+    border-radius: 6px;
+}
+
 /* --------------------------------------------------------------------------
  * LIGHT MODE --------------------------------------------------------------- */
 @media (prefers-color-scheme: light) {
@@ -226,4 +237,10 @@ dt + dt + dd {
     dd {
         border-left: 0.2px solid #d8dee4;
     }
+
+    kbd {
+        background-color: #f6f8fa;
+        border: 1px solid #eff1f3;
+        box-shadow: inset 0 -1px 0 #eff1f3;
+    }
 }