46 lines
1.1 KiB
CSS
46 lines
1.1 KiB
CSS
#page-accueil {
|
|
/* Dimensions */
|
|
--hauteur-conteneur: calc(100vh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur));
|
|
/* Marges */
|
|
--page-marges-bloc-debut: var(--en-tete-hauteur);
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
min-height: var(--hauteur-conteneur);
|
|
max-height: var(--hauteur-conteneur);
|
|
margin-top: var(--page-marges-bloc-debut);
|
|
}
|
|
#page-accueil .storytelling {
|
|
scrollbar-width: none;
|
|
overflow-y: scroll;
|
|
place-items: center;
|
|
min-height: inherit;
|
|
max-height: inherit;
|
|
}
|
|
#page-accueil .storytelling__conteneur {
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
min-height: calc(var(--hauteur-conteneur) * 10);
|
|
padding: 0 var(--espace-xl);
|
|
}
|
|
#page-accueil .storytelling__image {
|
|
position: sticky;
|
|
top: 0;
|
|
align-content: center;
|
|
width: 100%;
|
|
min-height: var(--hauteur-conteneur);
|
|
max-height: var(--hauteur-conteneur);
|
|
}
|
|
#page-accueil .storytelling__image[data-cache] {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
#page-accueil .storytelling__image img {
|
|
scale: 0.9;
|
|
max-height: inherit;
|
|
margin: auto;
|
|
object-fit: contain;
|
|
background: transparent;
|
|
}
|
|
|
|
/*# sourceMappingURL=page-accueil.css.map */
|