3 * Styling for the shortcut module.
9 .toolbar .toolbar-tray-vertical .edit-shortcuts {
10 text-align: right; /* LTR */
13 [dir="rtl"] .toolbar .toolbar-tray-vertical .edit-shortcuts {
16 .toolbar .toolbar-tray-horizontal .edit-shortcuts {
17 float: right; /* LTR */
19 [dir="rtl"] .toolbar .toolbar-tray-horizontal .edit-shortcuts {
27 display: inline-block;
28 margin-left: 0.3em; /* LTR */
30 [dir="rtl"] .shortcut-action {
34 .shortcut-action__message {
36 background: rgba(0, 0, 0, 0.5);
40 display: inline-block;
41 margin-left: 0.3em; /* LTR */
43 -ms-transform: translateY(-12px);
44 -webkit-transform: translateY(-12px);
45 transform: translateY(-12px);
46 -webkit-transition: all 200ms ease-out;
47 transition: all 200ms ease-out;
48 -ms-backface-visibility: hidden;
49 -webkit-backface-visibility: hidden;
50 backface-visibility: hidden;
52 [dir="rtl"] .shortcut-action__message {
56 .shortcut-action:hover .shortcut-action__message,
57 .shortcut-action:focus .shortcut-action__message {
59 -ms-transform: translateY(-2px);
60 -webkit-transform: translateY(-2px);
61 transform: translateY(-2px);