Tweak kbd style
This commit is contained in:
@ -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 overriding the `body` block of `base.html.
|
||||||
- Allow statements on all sections except for the homepage.
|
- Allow statements on all sections except for the homepage.
|
||||||
- Change the way 404 image is resized (#74).
|
- 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 comment timestamp more subtle.
|
||||||
- Make the copy button inactive after it is pressed until the animation is complete.
|
- Make the copy button inactive after it is pressed until the animation is complete.
|
||||||
- Move table of contents code to a partial.
|
- Move table of contents code to a partial.
|
||||||
|
- Only allow `external` class on links.
|
||||||
- Reduce the target heading transition time.
|
- Reduce the target heading transition time.
|
||||||
- Reduce top margin of the target heading.
|
- Reduce top margin of the target heading.
|
||||||
- Remove bottom margin of `:last-child` and not `:last-of-type`.
|
- 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 animation/transition duration to 0s with `prefers-reduced-motion' instead of removing them altogether.
|
||||||
- Set socials icons as CSS variables and not inline styles.
|
- 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.
|
- 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.
|
- Tweak padding of verified instance badge.
|
||||||
- Use more fitting cursors in some contexts.
|
- Use more fitting cursors in some contexts.
|
||||||
- Use PNG instead of GIF for comments QR code to reduce download size.
|
- Use PNG instead of GIF for comments QR code to reduce download size.
|
||||||
- Use relative colors for `-bg` color variants.
|
- 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
|
### Removed
|
||||||
|
|
||||||
|
@ -137,11 +137,9 @@ kbd {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
transition: var(--transition);
|
transition: var(--transition);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
box-shadow:
|
box-shadow: var(--edge-highlight), inset 0 -0.125rem 0 var(--fg-muted-2);
|
||||||
inset 0 -0.125rem 0 var(--fg-muted-2),
|
|
||||||
0 -0.0625rem 0 var(--fg-muted-3);
|
|
||||||
border-radius: var(--rounded-corner-small);
|
border-radius: var(--rounded-corner-small);
|
||||||
background-color: var(--fg-muted-2);
|
background-color: var(--fg-muted-1);
|
||||||
padding: 0.25rem 0.375rem;
|
padding: 0.25rem 0.375rem;
|
||||||
font-size: 0.875em;
|
font-size: 0.875em;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
@ -150,7 +148,7 @@ kbd {
|
|||||||
&:active {
|
&:active {
|
||||||
transform: translateY(0.125rem);
|
transform: translateY(0.125rem);
|
||||||
box-shadow: inset 0 0.0625rem 0 var(--fg-muted-2);
|
box-shadow: inset 0 0.0625rem 0 var(--fg-muted-2);
|
||||||
background-color: var(--fg-muted-3);
|
background-color: var(--fg-muted-2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user