From f18bff0a7c10fe7afe4276029e9eda15e1f0c227 Mon Sep 17 00:00:00 2001
From: Cecchi MacNaughton <cecchi.macnaughton@gmail.com>
Date: Tue, 15 Apr 2014 14:12:39 -0700
Subject: [PATCH] Add nested kbd element styles for actual keys or inputs

---
 docs/_includes/css/code.html | 3 ++-
 less/code.less               | 6 ++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/docs/_includes/css/code.html b/docs/_includes/css/code.html
index 0d13961456..188bd18cad 100644
--- 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 4d0eadc6d6..baa13df613 100644
--- 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