diff --git a/CHANGELOG.md b/CHANGELOG.md index a592a90..aa8c9bc 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -35,21 +35,23 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - Allow overriding the `body` block of `base.html. - Allow statements on all sections except for the homepage. - Change the way 404 image is resized (#74). +- Improved CRT style, now looks a lot more like [cool-retro-term](https://github.com/Swordfish90/cool-retro-term). - Make comment timestamp more subtle. - Make the copy button inactive after it is pressed until the animation is complete. - Move table of contents code to a partial. +- Only allow `external` class on links. - Reduce the target heading transition time. - Reduce top margin of the target heading. - Remove bottom margin of `:last-child` and not `:last-of-type`. +- Rewrite the homepage (#75). - Set animation/transition duration to 0s with `prefers-reduced-motion' instead of removing them altogether. - Set socials icons as CSS variables and not inline styles. - Show theme switcher if `config.extra.default_theme` is set, even if `config.extra.nav.show_theme_switcher` is not. +- Tweak `kbd` styling. - Tweak padding of verified instance badge. - Use more fitting cursors in some contexts. - Use PNG instead of GIF for comments QR code to reduce download size. - Use relative colors for `-bg` color variants. -- Rewrite the homepage (#75). -- Improved CRT style, now looks a lot more like [cool-retro-term](https://github.com/Swordfish90/cool-retro-term). ### Removed diff --git a/sass/_typography.scss b/sass/_typography.scss index e6a1025..262e328 100644 --- a/sass/_typography.scss +++ b/sass/_typography.scss @@ -137,11 +137,9 @@ kbd { display: inline-block; transition: var(--transition); cursor: pointer; - box-shadow: - inset 0 -0.125rem 0 var(--fg-muted-2), - 0 -0.0625rem 0 var(--fg-muted-3); + box-shadow: var(--edge-highlight), inset 0 -0.125rem 0 var(--fg-muted-2); border-radius: var(--rounded-corner-small); - background-color: var(--fg-muted-2); + background-color: var(--fg-muted-1); padding: 0.25rem 0.375rem; font-size: 0.875em; line-height: 1; @@ -150,7 +148,7 @@ kbd { &:active { transform: translateY(0.125rem); box-shadow: inset 0 0.0625rem 0 var(--fg-muted-2); - background-color: var(--fg-muted-3); + background-color: var(--fg-muted-2); } }