denizk0461/pages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added wavy effects to links as well as headers; added blurs to code blocks and more elements with background; changed table of contents style

Browse Source
This commit is contained in:
denizk0461
2026-02-12 16:39:28 +01:00
parent b0b89569d9
commit 80b1a2f592
4 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/table-of-contents.svelte
View File

@@ -65,11 +65,11 @@
</script>
{#if stickyScrolling}
<div class="toc-container notched sticky-toc" bind:this={root}>
<div class="toc-container sticky-toc" bind:this={root}>
{@render tocList()}
</div>
{:else}
<div class="toc-container notched" bind:this={root}>
<div class="toc-container" bind:this={root}>
{@render tocList()}
</div>
{/if}
@@ -86,6 +86,8 @@
margin-right: auto;
background-color: var(--color-background-highlight);
padding: 16px 0;
border: dashed var(--border-dash-size) var(--color-highlight);
backdrop-filter: blur(var(--blur-radius-background));
}
.sticky-toc {
@@ -109,6 +111,8 @@
display: inline-block;
text-decoration: none;
box-sizing: border-box;
transition: color var(--duration-animation) ease-out,
background-color var(--duration-animation) ease-out;
}
.toc-list a, .toc-list a:link, .toc-list a:visited {
color: var(--color-text);