From fc35e0aef05154fb672d2689d04d162ee59ffb12 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Sat, 7 Dec 2013 12:18:13 -0800
Subject: [PATCH] (less) Fixes #11193: Add kbd element styles to indicate user
 input via keyboard

---
 code.less      | 10 ++++++++++
 variables.less |  3 +++
 2 files changed, 13 insertions(+)

diff --git a/code.less b/code.less
index 44e9e893753d..3eed26c05bce 100644
--- a/code.less
+++ b/code.less
@@ -21,6 +21,16 @@ code {
   border-radius: @border-radius-base;
 }
 
+// User input typically entered via keyboard
+kbd {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: @kbd-color;
+  background-color: @kbd-bg;
+  border-radius: @border-radius-small;
+  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
+}
+
 // Blocks of code
 pre {
   display: block;
diff --git a/variables.less b/variables.less
index 5b2e9044fc4b..3681e99b5155 100644
--- a/variables.less
+++ b/variables.less
@@ -602,6 +602,9 @@
 @code-color:                  #c7254e;
 @code-bg:                     #f9f2f4;
 
+@kbd-color:                   #fff;
+@kbd-bg:                      #333;
+
 @pre-bg:                      #f5f5f5;
 @pre-color:                   @gray-dark;
 @pre-border-color:            #ccc;