satchlj
/
satchlj.com
1
2
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

Style HTML kbd tags

This commit is contained in:
timvisee 2021-09-07 16:42:45 +02:00
parent 5a899036b3
commit 835cef025d
No known key found for this signature in database
GPG Key ID: B8DB720BC383E172
3 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
themes/zenn/sass/_components.scss
View File

@ -116,6 +116,21 @@ content {
cursor: pointer;
}
kbd.bind > kbd,
kbd:not(.bind) {
background-color: $color-kbd-bg;
border-radius: 3px;
border: 1px solid $color-kbd-border;
box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 lighten($color-kbd-bg, 5%) inset;
color: $color-kbd-color;
display: inline-block;
font-size: .75em;
font-weight: 700;
line-height: 1;
padding: 2px 4px;
white-space: nowrap;
}
#toc-container {
margin-top: 1em;
padding: 1em;

3
themes/zenn/sass/_config_dark.scss
View File

@ -12,6 +12,9 @@ $color-header: #FF6F33;
$color-link: #6699cc;
$color-link-hover: lighten($color-link, 15%);
$color-code-bg: $color-main-bg-alt;
$color-kbd-bg: #333;
$color-kbd-border: #646464;
$color-kbd-color: #eee;
// Top logo and landing page
$logo-color: $color-text;

3
themes/zenn/sass/_config_light.scss
View File

@ -12,6 +12,9 @@ $color-header: #1d4761; // 1d4761
$color-link: #77660b; // 336ef5
$color-link-hover: darken($color-link, 10%);
$color-code-bg: #1b1b18;
$color-kbd-bg: #eee;
$color-kbd-border: #b4b4b4;
$color-kbd-color: #333;
// Top logo and landing page
$logo-color: $color-header;