hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reduce target heading transition time and top margin

Browse Source
This commit is contained in:
daudix
2024-08-31 00:05:11 +03:00
parent 31a84473ba
commit bada5ff98f
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
CHANGELOG.md
View File

@ -19,6 +19,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Add margin between comment author name and timestamp. - Add margin between comment author name and timestamp.
- Make comment timestamp more subtle. - Make comment timestamp more subtle.
- Reduce the target heading transition time.
- Reduce top margin of the target heading.
- Set socials icons as CSS variables and not inline styles. - Set socials icons as CSS variables and not inline styles.
- 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.

4
sass/_general.scss
View File

@ -49,8 +49,8 @@ body {
// Make focused anchor not get covered by nav, // Make focused anchor not get covered by nav,
// and flash it with primary color when jumping to it // and flash it with primary color when jumping to it
:target:not(#main) { :target:not(#main) {
transition: all var(--transition-longer), scroll-margin-block-start 0s; transition: all var(--transition), scroll-margin-block-start 0s;
scroll-margin-block-start: 20vh; scroll-margin-block-start: 15vh;
color: var(--primary-color); color: var(--primary-color);
text-shadow: var(--primary-color-alpha) 0 0 0.25rem, var(--primary-color) 0 0 0.75rem; text-shadow: var(--primary-color-alpha) 0 0 0.25rem, var(--primary-color) 0 0 0.75rem;
} }