style: add fade animations to roc, back button, tags and waline comment, refactor katex import method

This commit is contained in:
radishzzz 2025-05-17 22:33:14 +01:00
parent dda2bb6caa
commit 90c2099fec
10 changed files with 58 additions and 12 deletions

View file

@ -37,7 +37,7 @@ const filteredHeadings = headings.filter(heading =>
<TocIcon
aria-hidden="true"
class="ml-1 hidden aspect-square w-4.2 2xl:(mt-4 block origin-center active:scale-90)"
class="animation-fade-in ml-1 hidden aspect-square w-4.2 2xl:(mt-4 block origin-center active:scale-90)"
fill="currentColor"
/>
</label>
@ -50,7 +50,10 @@ const filteredHeadings = headings.filter(heading =>
class="accordion-content"
aria-label="Table of Contents"
>
<ul class="toc-list">
<ul
class="animation-fade-up toc-list"
style="--animation-interval: 0.04s;"
>
{filteredHeadings.map(heading => (
<li
class:list={{