this repo has no description
Have more fun styling the keys
+19
-1
+19
-1
src/components/keyboard-shortcuts-help.css
+19
-1
src/components/keyboard-shortcuts-help.css
···
9
9
text-align: start;
10
10
padding: 0.25em 0;
11
11
line-height: 1;
12
+
width: 60%;
12
13
}
13
14
td {
14
15
padding: 0.25em 1em;
···
18
19
kbd {
19
20
border-radius: 4px;
20
21
display: inline-block;
21
-
padding: 0.3em;
22
+
padding: 0.2em 0.3em;
23
+
margin: 1px 0;
22
24
line-height: 1;
23
25
border: 1px solid var(--outline-color);
24
26
background-color: var(--bg-faded-color);
27
+
background-image: linear-gradient(
28
+
to top,
29
+
var(--bg-blur-color),
30
+
transparent
31
+
);
32
+
text-shadow: 0 1px var(--bg-color);
33
+
box-shadow: 0 1px var(--drop-shadow-color),
34
+
0 1px 1px var(--drop-shadow-color), 0 1px 8px var(--drop-shadow-color),
35
+
inset 0 1px var(--bg-blur-color);
36
+
37
+
&:active {
38
+
box-shadow: 0 1px 4px var(--drop-shadow-color),
39
+
inset 0 1px var(--bg-blur-color);
40
+
transform: translateY(1px);
41
+
filter: brightness(0.95);
42
+
}
25
43
}
26
44
}