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

modal share
All checks were successful
Deploy / Deploy to pre-production (push) Successful in 5s
Details

Browse source
This commit is contained in:
Julie Blanc 2025-12-23 19:17:52 +01:00
parent 08ebf7fc9e
commit 5914178e2f
19 changed files with 440 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

69
assets/css/template/_page-enquete.scss
View file

@ -68,33 +68,43 @@
// banner-page -------------------------------------------------
#banner--page{
height: calc(100vh - var(--header-h));
height: calc(100dvh - var(--header-h));
margin-bottom: calc((100vh - var(--header-h))*-1);
margin-bottom: calc((100dvh - var(--header-h))*-1);
padding-bottom: var(--padding-body);
padding-right: var(--padding-body);
position: sticky;
top: var(--header-h);
width: calc((100% - var(--max-w-content))/2);
display: flex;
flex-direction: column;
justify-content: space-between;
.btn--group{
@media #{$medium-up}{
#banner--page{
height: calc(100vh - var(--header-h));
height: calc(100dvh - var(--header-h));
margin-bottom: calc((100vh - var(--header-h))*-1);
margin-bottom: calc((100dvh - var(--header-h))*-1);
padding: var(--padding-body);
padding-left: 0px;
position: sticky;
top: var(--header-h);
width: calc((100% - var(--max-w-content))/2);
display: flex;
flex-direction: column;
align-items: center;
gap: calc(var(--spacing)*0.25);
button{
width: 100%;
max-width: 28ch;
}
justify-content: space-between;
}
}
.modal--share{
position: absolute;
bottom: calc(var(--padding-body) + var(--h-block) + var(--spacing) * 0.25);
width: calc(100% - var(--padding-body));
}
#banner--page .btn--group{
display: flex;
flex-direction: column;
align-items: center;
gap: calc(var(--spacing)*0.25);
> button{
width: 100%;
max-width: 160px;
}
}
#nav--page{
@ -181,4 +191,15 @@
}
@media #{$medium}{
#banner--page{
display: none;
}
}