mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-26 23:04:32 +02:00
Code Issues Releases Wiki Activity

Add nested kbd element styles for actual keys or inputs

Browse Source
This commit is contained in:
Cecchi MacNaughton
2014-04-15 14:12:39 -07:00
parent 2127eb563f
commit f18bff0a7c
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
docs/_includes/css/code.html
View File

@@ -13,7 +13,8 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<h2 id="code-user-input">User input</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> <p>Use the <code>&lt;kbd&gt;</code> to indicate input that is typically entered via keyboard.</p>
<div class="bs-example"> <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> </div>
{% highlight html %} {% highlight html %}
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.

6
less/code.less
View File

@@ -28,6 +28,12 @@ kbd {
background-color: @kbd-bg; background-color: @kbd-bg;
border-radius: @border-radius-small; border-radius: @border-radius-small;
box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
kbd {
padding: 0;
font-size: 100%;
box-shadow: none;
}
} }
// Blocks of code // Blocks of code