Adrien/actuel-inactuel
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

style desktop nav panel

Browse source
This commit is contained in:
isUnknown 2024-04-15 13:43:57 +02:00
parent 57e9ca74da
commit 81454b3e4e
16 changed files with 157 additions and 136 deletions
Download patch file Download diff file Expand all files Collapse all files

25
assets/css/src/header.css
View file

@ -5,13 +5,19 @@
left: 0;
box-sizing: border-box;
width: 100vw;
height: calc(var(--unit--vertical) * 4);
height: calc(var(--unit--vertical) * 4.5);
padding: var(--unit--vertical) var(--unit--horizontal);
padding-bottom: 0;
transition: height 0.2s ease-in-out;
}
#logo {
position: relative;
height: 100%;
}
#logo__link {
display: block;
height: 100%;
}
#main-header.open #actuel {
@ -24,13 +30,13 @@
}
#logo #inactuel {
position: absolute;
bottom: 0;
z-index: 0;
color: var(--color-secondary);
bottom: -48%;
transition: bottom 0.2s ease-in-out;
}
#main-header.minimized #logo #inactuel {
bottom: 0%;
#main-header.minimized {
height: 5.6rem;
}
body {
@ -63,7 +69,7 @@ body[data-template="home"] {
#entry-btns {
position: sticky;
position: -webkit-sticky;
top: calc(var(--unit--vertical) * 3);
top: calc(var(--unit--vertical) * 4);
height: var(--entry-btns-height);
display: flex;
justify-content: space-between;
@ -143,11 +149,12 @@ button.toggle.right::before {
font-size: 11vw;
}
#main-header.minimized {
height: calc(var(--unit--vertical) * 4.3);
}
.page-cover {
height: 100vh;
padding: calc(10 * var(--unit--vertical)) 0;
}
#entry-btns {
display: none;
}
}