keb/kesper
1
0
Fork 0
mirror of https://github.com/ZetaKebab/kesper.git synced 2025-09-13 12:55:20 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add <kbd> style

Browse Source 
fixes #822
This commit is contained in:
Sodbileg Gansukh
2022-01-03 12:08:16 +08:00
parent 05d0b0c7db
commit 1f3418708c
6 changed files with 26 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
assets/css/global.css
View File

@@ -176,6 +176,20 @@ samp {
font-family: monospace, monospace;
font-size: 1em;
}
kbd {
padding: 3px 5px;
font-family: var(--font-mono);
font-size: 1.5rem;
background: #f6f8fa;
border: 1px solid rgba(124, 139, 154, 0.25);
border-radius: 6px;
box-shadow: inset 0 -1px 0 rgba(124, 139, 154, 0.25);
}
@media (max-width: 600px) {
kbd {
font-size: 1.3rem;
}
}
button,
input,
optgroup,

8
assets/css/screen.css
View File

@@ -1789,6 +1789,10 @@ html.dark-mode img {
opacity: 0.9;
}
html.dark-mode kbd {
background: color-mod(var(--color-darkmode) l(+5%));
}
html.dark-mode .post-card,
html.dark-mode .post-card:hover {
border-bottom-color: color-mod(var(--color-darkmode) l(+8%));
@@ -1940,6 +1944,10 @@ html.dark-mode .kg-header-card h3.kg-header-card-subheader {
opacity: 0.9;
}
html.auto-color kbd {
background: color-mod(var(--color-darkmode) l(+5%));
}
html.auto-color .post-card,
html.auto-color .post-card:hover {
border-bottom-color: color-mod(var(--color-darkmode) l(+8%));