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

Don't set emoji font on body, don't animate focused headings

Browse Source
This commit is contained in:
daudix
2024-07-23 00:03:06 +03:00
parent c473ced9b9
commit 1790df356e
2 changed files with 2 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
sass/_general.scss
View File

@ -26,7 +26,7 @@ body {
min-height: 100vh;
color: var(--fg-color);
line-height: 1.6;
font-family: var(--font-system-ui), var(--font-emoji);
font-family: var(--font-system-ui);
}
// Style text selection to use primary color
@ -38,17 +38,10 @@ body {
// Make focused anchor not get covered by nav,
// and flash it with primary color when jumping to it
:target:not(#main) {
animation: var(--transition-long) 1s highlight-in-out;
transition: all var(--transition-longer), scroll-margin-top 0s;
scroll-margin-top: 20vh;
color: var(--primary-color);
text-shadow: var(--primary-color-alpha) 0 0 0.25rem, var(--primary-color) 0 0 0.75rem;
@keyframes highlight-in-out {
50% {
letter-spacing: 0.0125em;
}
}
}
// Custom focus indicator