studio-variable/index-main
4
0
Fork 0
Code Issues 15 Pull requests Projects Releases Packages Wiki Activity Actions

animations investigations
All checks were successful
Deploy / Deploy to Production (push) Successful in 17s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-02-23 14:02:26 +01:00
parent 6020ea8c5b
commit 99ccc15ba9
10 changed files with 285 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

51
assets/css/partials/_site-header.scss
View file

@ -53,6 +53,7 @@
#nav-investigation{
flex-grow: 2;
ul{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
@ -63,17 +64,57 @@
}
#nav-highlight ul{
font-weight: 500;
text-transform: uppercase;
text-transform: uppercase;
}
#nav-investigation{
display: none;
position: absolute;
// transition: top var(--transition-scroll);
top: 10%;
left: 0;
display: flex;
opacity: 0;
// transform: translateY(-10px);
transition: top 0.3s ease;
pointer-events: none;
li{
color: var(--color-txt-light);
transition: color 0.3s ease;
}
li.is-selected{
color: var(--color-txt);
&:hover{
color: var(--color-txt);
pointer-events: none;
a:hover{
color: var(--color-txt);
}
}
}
}
&.has-nav-investigation{
#nav-highlight{
display: none;
}
#nav-investigation{
position: relative;
opacity: 1;
transform: translateY(0);
top: 0px;
pointer-events: auto;
}
}
#theme-toggle{
width: var(--h-block);
height: var(--h-block);
@ -120,12 +161,6 @@
#site-header.is-visible{
// .site-header__inner{
// border-color: var(--grey-800);
// }
}
@media #{$medium}{
#nav-highlight{