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><section></code> should be wrapped as inline.
<h2 id="code-user-input">User input</h2>
<p>Use the <code><kbd></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
--
GitLab