fix: nav current text-gradient-alt class
This commit is contained in:
@@ -111,6 +111,14 @@
|
|||||||
color: transparent;
|
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 {
|
.text-gradient-animated {
|
||||||
background: linear-gradient(90deg, var(--color-heat), var(--color-pulse), var(--color-frost), var(--color-heat));
|
background: linear-gradient(90deg, var(--color-heat), var(--color-pulse), var(--color-frost), var(--color-heat));
|
||||||
background-size: 300% 100%;
|
background-size: 300% 100%;
|
||||||
|
|||||||
@@ -93,7 +93,7 @@
|
|||||||
style="background: linear-gradient(90deg, rgba(255,26,140,0.07), transparent);"></span>
|
style="background: linear-gradient(90deg, rgba(255,26,140,0.07), transparent);"></span>
|
||||||
<!-- Link text -->
|
<!-- Link text -->
|
||||||
<span class="relative transition-colors duration-200 text-paper group-hover:text-heat uppercase"
|
<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>
|
>{{ .Name }}</span>
|
||||||
<!-- Index number -->
|
<!-- 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"
|
<span class="absolute right-0 top-1/2 -translate-y-1/2 label text-smoke group-hover:text-heat transition-colors duration-200"
|
||||||
|
|||||||
Reference in New Issue
Block a user