Fixed #26: Better highlighting for keystrokes

src/assets/stylesheets/modules/article/_appearance.scss

@@ -57,6 +57,18 @@
     background: #eee;
   }
 
+  /*
+   * Keyboard tags
+   */
+  kbd {
+    color: #555;
+    background-color: #fcfcfc;
+    border: solid 1px #ccc;
+    border-bottom-color: #bbb;
+    border-radius: 3px;
+    box-shadow: inset 0 -1px 0 #bbb;
+  }
+
   /*
    * Lower border for main headline
    */

src/assets/stylesheets/modules/article/_layout.scss

@@ -193,6 +193,15 @@
     padding: 2px 4px;
   }
 
+  /*
+   * Keyboard tags
+   */
+  kbd {
+    display: inline-block;
+    padding: 3px 5px;
+    line-height: 10px;
+  }
+
   /*
    * Add spacing at top of separator
    */

src/assets/stylesheets/modules/base/_typography.scss

@@ -46,7 +46,7 @@ body, input {
 /*
  * Proportional fonts
  */
-pre, code {
+pre, code, kbd {
   font-family: 'Courier New', 'Courier', monospace;
 
   /*