addons/components/Kbd.cssblame
View source
b69ab311/**
b69ab312 * Copyright (c) Meta Platforms, Inc. and affiliates.
b69ab313 *
b69ab314 * This source code is licensed under the MIT license found in the
b69ab315 * LICENSE file in the root directory of this source tree.
b69ab316 */
b69ab317
b69ab318.kbd-group {
b69ab319 display: inline-flex;
b69ab3110 gap: 4px;
b69ab3111 line-height: 12px;
b69ab3112 padding-inline: 4px;
b69ab3113}
b69ab3114
b69ab3115.dark-theme kbd {
b69ab3116 --kbd-background: var(--vscode-keybindingLabel-background, rgba(128, 128, 128, 0.17));
b69ab3117 --kbd-foreground: var(--vscode-keybindingLabel-foreground, #cccccc);
b69ab3118 --kbd-border: var(--vscode-keybindingLabel-border, rgba(51, 51, 51, 0.6));
b69ab3119 --kbd-bottomBorder: var(--vscode-keybindingLabel-bottomBorder, rgba(68, 68, 68, 0.6));
b69ab3120 --kbd-shadow: var(--vscode-widget-shadow, rgba(0, 0, 0, 0.36));
b69ab3121}
b69ab3122
b69ab3123.light-theme kbd {
b69ab3124 --kbd-background: var(--vscode-keybindingLabel-background, rgba(221, 221, 221, 0.4));
b69ab3125 --kbd-foreground: var(--vscode-keybindingLabel-foreground, #555555);
b69ab3126 --kbd-border: var(--vscode-keybindingLabel-border, rgba(204, 204, 204, 0.4));
b69ab3127 --kbd-bottomBorder: var(--vscode-keybindingLabel-bottomBorder, rgba(187, 187, 187, 0.4));
b69ab3128 --kbd-shadow: var(--vscode-widget-shadow, rgba(0, 0, 0, 0.16));
b69ab3129}
b69ab3130
b69ab3131kbd {
b69ab3132 background-color: var(--kbd-background);
b69ab3133 color: var(--kbd-foreground);
b69ab3134 border-style: solid;
b69ab3135 border-width: 1px;
b69ab3136 border-radius: 3px;
b69ab3137 border-color: var(--kbd-border);
b69ab3138 border-bottom-color: var(--kbd-bottomBorder);
b69ab3139 box-shadow: inset 0 -1px 0 var(--kbd-shadow);
b69ab3140 vertical-align: middle;
b69ab3141 padding: 2px 3px;
b69ab3142 line-height: 10px;
b69ab3143 font-family: -apple-system, BlinkMacSystemFont, sans-serif;
b69ab3144 font-size: 12px;
b69ab3145}