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

add fonts
All checks were successful
Deploy / Deploy to pre-production (push) Successful in 8s
Details

Browse source
This commit is contained in:
Julie Blanc 2025-12-19 12:33:59 +01:00
parent 16d9851535
commit 53b6355baf
21 changed files with 385 additions and 132 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -29,6 +29,10 @@
}
}
// HER0 ----------------------------------------------------
.hero{
width: 100vw;
position: relative;
@ -60,30 +64,9 @@
}
.short{
font-size: var(--fs-medium);
margin: auto;
max-width: var(--max-w-content);
}
#section__synthese{
font-size: var(--fs-medium);
p + p{
margin-top: 0.5em;
}
h4{
margin-top: 2em;
margin-bottom: 1em;
font-size: var(--fs-normal);
font-weight: normal;
text-decoration: 1px underline var(--color-txt-light);
text-underline-offset: 3px;
}
}
// banner-page -------------------------------------------------
#banner--page{
height: calc(100vh - var(--header-h));
@ -91,12 +74,55 @@
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: 240px;
width: calc((100% - var(--max-w-content))/2);
display: flex;
flex-direction: column;
justify-content: space-between;
.btn--group{
display: flex;
flex-direction: column;
align-items: center;
gap: calc(var(--spacing)*0.25);
button{
width: 100%;
max-width: 28ch;
}
}
}
#nav--page{
ul{
list-style: none;
li{
text-align: center;
color: var(--color-txt-light);
// text-transform: uppercase;
a{
display: block;
padding: 0.3em 0;
text-decoration: none;
}
}
}
}
// DL -------------------------------------------------
.short{
font-size: var(--fs-medium);
margin: auto;
max-width: var(--max-w-content);
}
#section__dl{
@ -124,22 +150,35 @@
}
#nav--page{
ul{
list-style: none;
li{
text-align: center;
color: var(--color-txt-light);
// text-transform: uppercase;
a{
display: block;
padding: 0.3em 0;
text-decoration: none;
}
}
// SYNTHESE ----------------------------------------------
#section__synthese{
font-size: var(--fs-medium);
p + p{
margin-top: 0.5em;
}
h4{
margin-top: 2em;
margin-bottom: 1em;
font-size: var(--fs-normal);
font-weight: normal;
text-decoration: 1px underline var(--color-txt-light);
text-underline-offset: 3px;
}
}
}