1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-12-24 00:50:28 +00:00

Add styling for <kbd> elements

This commit is contained in:
Jermolene 2015-05-14 10:16:29 +01:00
parent 188f29df92
commit 6942efa628
3 changed files with 20 additions and 6 deletions

View File

@ -1,5 +1,5 @@
created: 20140526204527418
modified: 20140912141318967
modified: 20150514091409984
tags: Features [[Working with TiddlyWiki]]
title: KeyboardShortcuts
type: text/vnd.tiddlywiki
@ -9,5 +9,5 @@ Keyboard shortcut support is currently very limited but will be improved in late
! Editing Shortcuts
|Key |Shortcut description |
|`Ctrl-Enter` |Confirm changes to the draft tiddler containing the keyboard focus |
|`Escape` |Abandon changes to the draft tiddler containing the keyboard focus |
|<kbd>ctrl-enter</kbd> |Confirm changes to the draft tiddler containing the keyboard focus |
|<kbd>escape</kbd> |Abandon changes to the draft tiddler containing the keyboard focus |

View File

@ -1,9 +1,9 @@
caption: keyboard
created: 20140302192136805
modified: 20140302192935781
modified: 20150514091459257
tags: Widgets
title: KeyboardWidget
type: text/vnd.tiddlywiki
caption: keyboard
! Introduction
@ -21,7 +21,7 @@ The content of the `<$keyboard>` widget is rendered normally. The keyboard short
! Key Strings
Key strings are made up of zero or more of the modifiers ''alt'', ''shift'' or ''ctrl'' followed by the name of a key, all joined with "+" plus symbols. Key names are either the letter or digit printed on the key (eg "a" or "1"), or one of the special keys ''backspace'', ''tab'', ''enter'' or ''escape''.
Key strings are made up of zero or more of the modifiers <kbd>alt</kbd>, <kbd>shift</kbd> or <kbd>ctrl</kbd> followed by the name of a key, all joined with "+" plus symbols. Key names are either the letter or digit printed on the key (eg "a" or "1"), or one of the special keys <kbd>backspace</kbd>, <kbd>tab</kbd>, <kbd>enter</kbd> or <kbd>escape</kbd>.
For example:

View File

@ -135,6 +135,20 @@ svg.tc-image-button {
padding: 0px 1px 1px 0px;
}
kbd {
display: inline-block;
padding: 3px 5px;
font-size: 0.8em;
line-height: 1.2;
color: <<colour foreground>>;
vertical-align: middle;
background-color: <<colour background>>;
border: solid 1px <<colour muted-foreground>>;
border-bottom-color: <<colour muted-foreground>>;
border-radius: 3px;
box-shadow: inset 0 -1px 0 <<colour muted-foreground>>;
}
/*
Markdown likes putting code elements inside pre elements
*/