Merge pull request #13351 from Cecchi/nested-kbd

Add nested kbd element styles for actual keys or inputs
twbs · Jun 11, 2014 · ed2da1c · ed2da1c
2 parents cb85f2a + f18bff0
commit ed2da1c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/docs/_includes/css/code.html b/docs/_includes/css/code.html
@@ -13,7 +13,8 @@ <h2 id="code-inline">Inline</h2>
   <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
@@ -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