Add nested kbd element styles for actual keys or inputs

diff --git a/docs/_includes/css/code.html b/docs/_includes/css/code.html
index 0d13961456a1f32a2466633b562beb5369acf0a4..188bd18cadb88daf784ed7b70aee1b29e14f0f37 100644 (file)
--- a/docs/_includes/css/code.html
+++ b/docs/_includes/css/code.html
@@ -13,7 +13,8 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
   <h2 id="code-user-input">User input</h2>
   <p>Use the <code>&lt;kbd&gt;</code> to indicate input that is typically entered via keyboard.</p>
 <div class="bs-example">
-  To switch directories, type <kbd>cd</kbd> followed by the name of the directory.
+  To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br>
+  To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>
 </div>
 {% highlight html %}
   To switch directories, type <kbd>cd</kbd> followed by the name of the directory.

diff --git a/less/code.less b/less/code.less
index 4d0eadc6d6edb64bdc9573ff12d4de1ec549e3cd..baa13df613b6b496d6a9da177e9575fdcec9376b 100644 (file)
--- a/less/code.less
+++ b/less/code.less
@@ -28,6 +28,12 @@ kbd {
   background-color: @kbd-bg;
   border-radius: @border-radius-small;
   box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
+
+  kbd {
+    padding: 0;
+    font-size: 100%;
+    box-shadow: none;
+  }
 }
 
 // Blocks of code