simono41/phanpy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Have more fun styling the keys

Browse source
This commit is contained in:
Lim Chee Aun 2023-09-08 15:32:31 +08:00
parent 5969ce7d06
commit 301b2576c0
1 changed files with 19 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/components/keyboard-shortcuts-help.css
View file

@ -9,6 +9,7 @@
text-align: start; text-align: start;
padding: 0.25em 0; padding: 0.25em 0;
line-height: 1; line-height: 1;
width: 60%;
} }
td { td {
padding: 0.25em 1em; padding: 0.25em 1em;
@ -18,9 +19,26 @@
kbd { kbd {
border-radius: 4px; border-radius: 4px;
display: inline-block; display: inline-block;
padding: 0.3em; padding: 0.2em 0.3em;
margin: 1px 0;
line-height: 1; line-height: 1;
border: 1px solid var(--outline-color); border: 1px solid var(--outline-color);
background-color: var(--bg-faded-color); background-color: var(--bg-faded-color);
background-image: linear-gradient(
to top,
var(--bg-blur-color),
transparent
);
text-shadow: 0 1px var(--bg-color);
box-shadow: 0 1px var(--drop-shadow-color),
0 1px 1px var(--drop-shadow-color), 0 1px 8px var(--drop-shadow-color),
inset 0 1px var(--bg-blur-color);
&:active {
box-shadow: 0 1px 4px var(--drop-shadow-color),
inset 0 1px var(--bg-blur-color);
transform: translateY(1px);
filter: brightness(0.95);
}
} }
} }