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

design virtual pages

Browse source
This commit is contained in:
isUnknown 2024-04-10 16:52:41 +02:00
parent 8e65a1cc64
commit c70b4890f8
12 changed files with 131 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -33,18 +33,26 @@
bottom: 0%;
}
.page-cover {
position: relative;
height: 80svh;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: calc(var(--unit--vertical-relative) * 5);
body {
--entry-btns-height: 10svh;
}
body[data-template="home"] {
--entry-btns-height: 30svh;
}
.page-cover.open + * {
margin-top: calc(var(--unit--vertical-relative) * 19);
.page-cover {
position: relative;
height: calc(100svh - var(--entry-btns-height));
box-sizing: border-box;
padding-top: calc(var(--unit--vertical-relative) * 5);
display: flex;
flex-direction: column;
}
.page-cover .text-wrapper {
height: 100%;
overflow: auto;
}
[data-template="home"] .page-cover {
@ -56,7 +64,7 @@
position: sticky;
position: -webkit-sticky;
top: calc(var(--unit--vertical) * 3);
height: 20svh;
height: var(--entry-btns-height);
display: flex;
justify-content: space-between;
}