studio-variable/index-website-static
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

script header visible
All checks were successful
Deploy / Deploy to pre-production (push) Successful in 6s
Details

Browse source
This commit is contained in:
Julie Blanc 2025-12-23 17:29:27 +01:00
parent 430fd243fe
commit 08ebf7fc9e
11 changed files with 112 additions and 55 deletions
Download patch file Download diff file Expand all files Collapse all files

1
assets/css/partials/_main-layout.scss
View file

@ -8,7 +8,6 @@ body{
main{
flex-grow: 1;
margin-top: var(--header-h);
padding: 0 var(--padding-body);
}

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

@ -8,21 +8,26 @@
}
#site-header {
position: fixed;
left: var(--padding-body);
top: 0px;
z-index: 900;
--gap: 3ch;
width: calc(100vw - var(--padding-body)*2);
width: 100vw;
height: var(--header-h);
background-color: var(--color-bg);
// border-bottom: var(--border-light);
padding: 0 var(--padding-body);
.site-header__inner{
width: 100%;
height: 100%;
border-bottom: var(--border-light);
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--gap);
}
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--gap);
a{
text-decoration: none;
@ -71,3 +76,13 @@
}
}
#site-header.is-visible{
position: fixed;
top: 0;
& ~ main{
margin-top: var(--header-h);
}
}