add custom
This commit is contained in:
parent
06d99f25a4
commit
f131169d77
@ -11,7 +11,7 @@ const nav = [
|
||||
|
||||
<header class:list={['hd', { 'hd--hero': isHome }]} id="hd">
|
||||
<div class="hd__in">
|
||||
<a href="/" class="hd__logo">aurélie barré</a>
|
||||
<a href="/" class:list={['hd__logo', { 'is-active': currentPath === '/' }]}>aurélie barré</a>
|
||||
|
||||
<nav class="hd__nav" aria-label="Navigation">
|
||||
{nav.map(item => (
|
||||
@ -52,6 +52,7 @@ const nav = [
|
||||
|
||||
/* ---- Default: dark text (inner pages) ---- */
|
||||
.hd__logo { color: var(--text); }
|
||||
.hd__logo.is-active { color: var(--accent); }
|
||||
.hd__link { color: var(--text-2); }
|
||||
.hd__link:hover { color: var(--text); }
|
||||
.hd__link.is-active { color: var(--accent); }
|
||||
@ -72,6 +73,7 @@ const nav = [
|
||||
}
|
||||
|
||||
.hd.is-scrolled .hd__logo { color: var(--text); }
|
||||
.hd.is-scrolled .hd__logo.is-active { color: var(--accent); }
|
||||
.hd.is-scrolled .hd__link { color: var(--text-2); }
|
||||
.hd.is-scrolled .hd__link:hover { color: var(--text); }
|
||||
.hd.is-scrolled .hd__link.is-active { color: var(--accent); }
|
||||
|
||||
@ -276,7 +276,7 @@ const allPerennes = getMockProjects('perenne');
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: var(--text-3);
|
||||
background: var(--accent);
|
||||
animation: scrollLine 2.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user