diff --git a/README.zh.md b/README.zh.md index c88dd27..490b94c 100644 --- a/README.zh.md +++ b/README.zh.md @@ -2,7 +2,7 @@ Cover Image
- + English diff --git a/src/components/PostList.astro b/src/components/PostList.astro index fbd1a7a..6676d51 100644 --- a/src/components/PostList.astro +++ b/src/components/PostList.astro @@ -37,9 +37,9 @@ function getPostPath(post: Post) { > {/* post title */} -

+

-function resetFadeUpAnimation() { - document.querySelectorAll('.animation-fade-up').forEach((container) => { - const childElements = Array.from(container.children) - childElements.forEach(element => - (element as HTMLElement).style.animationName = 'none', - ) - requestAnimationFrame(() => { - childElements.forEach(element => - (element as HTMLElement).style.animationName = '', - ) - }) - }) -} - -resetFadeUpAnimation() -document.addEventListener('astro:page-load', resetFadeUpAnimation) - diff --git a/src/components/Widgets/GsapAnimation.astro b/src/components/Widgets/GsapAnimation.astro index fc9ece2..ba1b071 100644 --- a/src/components/Widgets/GsapAnimation.astro +++ b/src/components/Widgets/GsapAnimation.astro @@ -3,7 +3,7 @@ import { gsap } from 'gsap' function setupPostPageAnimation() { const allElements = Array.from(document.querySelectorAll('#gsap-post-page-content > *, #gsap-post-page-tags, #waline')) - const tocListChildren = Array.from(document.querySelectorAll('#toc-list > *')).slice(0, 20) + const tocListChildren = Array.from(document.querySelectorAll('#toc-list > *')) const dateElement = document.getElementById('gsap-post-page-date') const backButton = document.getElementById('back-button') const tocIcon = document.getElementById('toc-icon') diff --git a/src/components/Widgets/TOC.astro b/src/components/Widgets/TOC.astro index db22b34..3b5b882 100644 --- a/src/components/Widgets/TOC.astro +++ b/src/components/Widgets/TOC.astro @@ -32,7 +32,7 @@ const filteredHeadings = headings.filter(heading =>
@@ -98,7 +98,7 @@ const filteredHeadings = headings.filter(heading => /* Initial collapsed state with zero height grid row */ .accordion-wrapper { - --at-apply: 'grid rows-[0fr] duration-300 ease-in-out'; + --at-apply: 'grid rows-[0fr] transition-all duration-360 ease-in-out'; } .accordion-content { --at-apply: 'max-h-66 overflow-hidden pl-4 pr-6 2xl:(max-h-[calc(100vh-26rem)] pl-1)'; diff --git a/src/styles/extend.css b/src/styles/extend.css index 3aaf1df..d5cae27 100644 --- a/src/styles/extend.css +++ b/src/styles/extend.css @@ -1,7 +1,7 @@ /* GitHub Card */ .gc-container { --at-apply: 'block mb-4 px-5 py-4 overflow-x-auto uno-round-border bg-secondary/5'; - --at-apply: 'transition-colors duration-300 ease-out lg:(px-6 py-5) hover:(bg-secondary/10 c-primary)'; + --at-apply: 'transition-colors ease-out lg:(px-6 py-5) hover:(bg-secondary/10 c-primary)'; scrollbar-color: oklch(var(--un-preset-theme-colors-secondary) / 0.15) transparent; } diff --git a/src/styles/global.css b/src/styles/global.css index cad506a..9f36cf0 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -38,7 +38,7 @@ h4:hover .heading-anchor-link svg { --at-apply: 'op-80'; } .heading-anchor-link svg { - --at-apply: 'ml-0.4em aspect-square w-0.9em op-0 transition-opacity duration-300 ease-out active:scale-90'; + --at-apply: 'ml-0.4em aspect-square w-0.9em op-0 transition-opacity ease-out active:scale-90'; } h1:hover .heading-anchor-link svg:hover, h2:hover .heading-anchor-link svg:hover, diff --git a/src/styles/markdown.css b/src/styles/markdown.css index a9a517b..095761e 100644 --- a/src/styles/markdown.css +++ b/src/styles/markdown.css @@ -52,7 +52,7 @@ /* Links */ .heti :where(a:not(.gc-container)) { --at-apply: 'break-all font-semibold tracking-0 underline underline-0.075em decoration-secondary/80 underline-offset-0.1em'; - --at-apply: 'transition-colors duration-300 ease-out hover:(c-primary decoration-primary/80) lg:underline-0.1em'; + --at-apply: 'transition-colors ease-out hover:(c-primary decoration-primary/80) lg:underline-0.1em'; } /* Images */ diff --git a/uno.config.ts b/uno.config.ts index e9aba9c..b9cc375 100644 --- a/uno.config.ts +++ b/uno.config.ts @@ -56,7 +56,7 @@ export default defineConfig({ ], shortcuts: { 'uno-desktop-column': 'fixed right-[max(5rem,calc(50vw-35rem))] w-14rem', - 'uno-tags-style': 'inline-block whitespace-nowrap border border-secondary/25 rounded-full px-3.2 py-0.7 c-secondary transition-colors duration-300 ease-out hover:(border-secondary/80 text-primary)', + 'uno-tags-style': 'inline-block whitespace-nowrap border border-secondary/25 rounded-full px-3.2 py-0.7 c-secondary transition-colors ease-out hover:(border-secondary/80 text-primary)', 'uno-decorative-line': 'mb-4.5 h-0.25 w-10 bg-secondary/25 lg:(mb-6 w-11)', 'uno-tags-wrapper': 'flex flex-wrap gap-x-3 gap-y-3.2', 'uno-round-border': 'border border-secondary/5 rounded border-solid',