valknar/pivoine.art
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: nav current text-gradient-alt class

Browse Source
This commit is contained in:
Sebastian Krüger
2026-04-11 19:46:05 +02:00
parent 2b3cf8bada
commit 177aec5718
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/main.css
+8
View File
@@ -111,6 +111,14 @@
color: transparent;
}
.text-gradient-alt {
background: linear-gradient(90deg, var(--color-heat) 0%, var(--color-pulse) 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.text-gradient-animated {
background: linear-gradient(90deg, var(--color-heat), var(--color-pulse), var(--color-frost), var(--color-heat));
background-size: 300% 100%;
layouts/partials/nav.html
+1 -1
View File
@@ -93,7 +93,7 @@
style="background: linear-gradient(90deg, rgba(255,26,140,0.07), transparent);"></span>
<!-- Link text -->
<span class="relative transition-colors duration-200 text-paper group-hover:text-heat uppercase"
:class="($store.nav.path === '{{ $href }}' || ('{{ $href }}' !== '/' && $store.nav.path.startsWith('{{ $href }}'))) ? 'text-gradient' : ''"
:class="($store.nav.path === '{{ $href }}' || ('{{ $href }}' !== '/' && $store.nav.path.startsWith('{{ $href }}'))) ? 'text-gradient-alt' : ''"
>{{ .Name }}</span>
<!-- Index number -->
<span class="absolute right-0 top-1/2 -translate-y-1/2 label text-smoke group-hover:text-heat transition-colors duration-200"