c0ntroller/frontpage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Activity

Add some more and smoother transistions
All checks were successful
Deploy Astro / Build and Deploy (push) Successful in 54s
Details

Browse Source
This commit is contained in:
Daniel Kluge
2026-03-21 17:20:10 +01:00
parent 17a86ff164
commit 12a39bf8b4
2 changed files with 6 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/Navigation.astro
View File

@@ -25,21 +25,6 @@ import Logo from "../assets/logo.svg";
</div>
</nav>
<style is:global>
body:has(nav a[href="/"]:hover) {
--accent-base: var(--accent-base--default);
}
body:has(nav a[href="/portfolio"]:hover) {
--accent-base: var(--accent-base--portfolio);
}
body:has(nav a[href="/blog"]:hover) {
--accent-base: var(--accent-base--blog);
}
body:has(nav a[href="/book"]:hover) {
--accent-base: var(--accent-base--book);
}
</style>
<style>
.main-nav {
position: sticky;

6
src/styles/global.css
View File

@@ -1,5 +1,6 @@
*, *::before, *::after {
box-sizing: border-box;
transition: color .4s ease, background-color .4s ease, border-color .4s ease, box-shadow .4s ease;
}
@view-transition {
@@ -122,6 +123,11 @@ body[data-theme="book"] {
--bg-image-static: url('../assets/backgrounds/curve-ripple-static.svg');
}
body:has(nav a[href="/"]:hover) { --accent-base: var(--accent-base--default);}
body:has(nav a[href="/portfolio"]:hover), body:has(.portfolio:hover) { --accent-base: var(--accent-base--portfolio); }
body:has(nav a[href="/blog"]:hover), body:has(.blog:hover) { --accent-base: var(--accent-base--blog); }
body:has(nav a[href="/book"]:hover), body:has(.book:hover) { --accent-base: var(--accent-base--book); }
html {
background-color: var(--bg-color);
}