108 lines
3.1 KiB
CSS
108 lines
3.1 KiB
CSS
#page-succes-commande {
|
|
--page-hauteur-minimale: calc(
|
|
100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur) - var(--espace-xl) - 1px
|
|
);
|
|
--page-marges-bloc-debut: var(--en-tete-hauteur);
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
margin-top: var(--page-marges-bloc-debut);
|
|
margin-bottom: var(--espace-xl);
|
|
border-bottom: 1px solid var(--couleur-noir);
|
|
}
|
|
#page-succes-commande .contenu {
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
place-items: center;
|
|
width: min(50rem, 100%);
|
|
min-height: var(--page-hauteur-minimale);
|
|
margin: auto;
|
|
border: 1px solid var(--couleur-noir);
|
|
border-bottom: initial;
|
|
font-weight: 500;
|
|
font-style: italic;
|
|
}
|
|
#page-succes-commande .contenu__en-tete {
|
|
width: 100%;
|
|
padding: var(--espace-m) var(--espace-xl);
|
|
color: var(--couleur-blanc);
|
|
background: var(--couleur-noir);
|
|
}
|
|
#page-succes-commande .contenu__en-tete h2 {
|
|
width: fit-content;
|
|
margin: auto;
|
|
text-transform: uppercase;
|
|
letter-spacing: var(--espacement-inter-lettres-etendu-l);
|
|
}
|
|
#page-succes-commande .contenu__textuel {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-flow: column nowrap;
|
|
place-content: center;
|
|
max-width: 34rem;
|
|
height: 100%;
|
|
padding: var(--espace-xl);
|
|
font-style: normal;
|
|
}
|
|
#page-succes-commande .contenu__textuel p + p {
|
|
margin-top: var(--espace-m);
|
|
}
|
|
#page-succes-commande .contenu__rappel-commande {
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
border-top: 1px solid var(--couleur-noir);
|
|
}
|
|
#page-succes-commande .contenu__rappel-commande__produit {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-rows: 1fr;
|
|
border-bottom: 1px solid var(--couleur-noir);
|
|
}
|
|
#page-succes-commande .contenu__rappel-commande__produit:only-child, #page-succes-commande .contenu__rappel-commande__produit:last-of-type {
|
|
border-bottom: initial;
|
|
}
|
|
#page-succes-commande .contenu__rappel-commande__produit__illustratif {
|
|
border-right: 1px solid var(--couleur-noir);
|
|
}
|
|
#page-succes-commande .contenu__rappel-commande__produit__illustratif picture {
|
|
overflow: hidden;
|
|
}
|
|
#page-succes-commande .contenu__rappel-commande__produit__illustratif img {
|
|
aspect-ratio: 1;
|
|
height: auto;
|
|
}
|
|
#page-succes-commande .contenu__rappel-commande .detail-produit {
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
place-content: center;
|
|
width: 100%;
|
|
padding: 0 var(--espace-xl);
|
|
font-style: italic;
|
|
}
|
|
#page-succes-commande .contenu__rappel-commande .detail-produit__nom-prix {
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
column-gap: var(--espace-xl);
|
|
justify-content: space-between;
|
|
margin-bottom: var(--espace-xs);
|
|
font-size: var(--espace-l);
|
|
line-height: var(--hauteur-ligne-moitie);
|
|
}
|
|
#page-succes-commande .contenu__rappel-commande .detail-produit__nom-prix span {
|
|
min-width: 4rem;
|
|
font-weight: 600;
|
|
font-style: initial;
|
|
text-align: right;
|
|
}
|
|
#page-succes-commande .contenu__rappel-commande .detail-produit__description {
|
|
margin-bottom: var(--espace-l);
|
|
line-height: var(--hauteur-ligne-moitie);
|
|
text-transform: lowercase;
|
|
}
|
|
@media (width <= 50rem) {
|
|
#page-succes-commande .contenu {
|
|
border-right: initial;
|
|
border-left: initial;
|
|
}
|
|
}
|
|
|
|
/*# sourceMappingURL=page-succes-commande.css.map */
|