adrien-payet/actuel-inactuel
1
0
Fork 0
Code Issues 17 Pull requests Projects Releases Packages Wiki Activity Actions

add footer and style home

Browse source
This commit is contained in:
isUnknown 2024-01-26 11:03:42 +01:00
parent 1d135a1b7d
commit 61c1067f22
14 changed files with 364 additions and 447 deletions
Download patch file Download diff file Expand all files Collapse all files

38
assets/css/src/header.css Normal file
View file

@ -0,0 +1,38 @@
#header {
position: fixed;
z-index: 1;
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
height: calc(var(--unit--vertical) * 5);
padding: var(--unit--vertical) var(--unit--horizontal);
transition: height 0.2s ease-in-out;
}
#header.minimized {
height: calc(var(--unit--vertical) * 3);
}
#logo {
position: relative;
}
#header.open #actuel {
color: var(--color-background);
}
#logo #actuel {
color: var(--color-primary--transparent);
position: relative;
z-index: 1;
margin-left: calc(var(--unit--horizontal) * 2);
}
#logo #inactuel {
position: absolute;
z-index: 0;
color: var(--color-secondary);
bottom: -48%;
transition: bottom 0.2s ease-in-out;
}
#header.minimized #logo #inactuel {
bottom: 0%;
}