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

improve nav design

Browse source
This commit is contained in:
isUnknown 2024-11-26 10:19:13 +01:00
parent cf867bbc14
commit 26047fb0e1
7 changed files with 37 additions and 88 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -36,58 +36,6 @@
transform: translateX(-2px) translateY(-2px);
}
/* #main-header {
position: fixed;
z-index: 3;
top: 0;
left: 0;
width: calc(100vw - (2 * var(--unit--horizontal)));
height: calc(var(--unit--vertical) * 11.5);
padding: 0 var(--unit--horizontal);
padding-bottom: 0;
transition: height 0.2s ease-in-out;
}
#logo {
position: relative;
height: 100%;
}
#logo__link {
position: relative;
transform: translateY(-3rem);
display: block;
height: 100%;
}
#main-header.open #actuel {
color: var(--color-background);
}
#logo #actuel,
#logo #inactuel {
position: absolute;
mix-blend-mode: difference;
}
#logo #actuel {
top: 0;
right: 0;
}
#logo #inactuel {
top: 15vw;
transition: all 0.3s ease-in-out;
}
#main-header.minimized #logo #inactuel {
top: 0.1vw;
} */
body {
--entry-btns-height: 10svh;
}
body[data-template="home"] {
--entry-btns-height: 15svh;
}
.page-cover {
position: relative;
height: calc(100svh - var(--entry-btns-height));
@ -129,19 +77,6 @@ button.toggle.right::before {
transition: all 0.5s var(--curve-sine);
content: "+";
}
button.open-nav::after {
margin-left: var(--unit--horizontal);
}
button.open-nav::after {
content: "";
position: absolute;
background-color: transparent;
height: var(--unit--vertical);
width: var(--unit--horizontal);
z-index: -1;
transition: all 0.5s var(--curve-sine);
}
#entry-btns.minimized {
color: #000;