corvée(formatage) formate

This commit is contained in:
gcch 2026-05-06 11:43:07 +02:00
commit 67f96263df
5 changed files with 55 additions and 177 deletions

View file

@ -4,66 +4,16 @@
font-weight: 100 900;
font-style: normal;
font-display: swap;
src:
url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2")
format(woff2) tech(variations),
url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2")
format("woff2-variations"),
url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2")
format("woff2"),
url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.ttf")
format("truetype");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2074,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
src: url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2") format(woff2) tech(variations), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2") format("woff2-variations"), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2") format("woff2"), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.ttf") format("truetype");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Lato;
font-weight: 100 900;
font-style: italic;
font-display: swap;
src:
url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2")
format(woff2) tech(variations),
url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2")
format("woff2-variations"),
url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2")
format("woff2"),
url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.ttf")
format("truetype");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2074,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
src: url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2") format(woff2) tech(variations), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2") format("woff2-variations"), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2") format("woff2"), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.ttf") format("truetype");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Myriad;
@ -71,10 +21,7 @@
font-style: normal;
font-display: swap;
font-stretch: 70% 110%;
src:
url("/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable.woff2") format("woff2"),
url("/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable.ttf")
format("truetype");
src: url("/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable.woff2") format("woff2"), url("/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable.ttf") format("truetype");
}
@font-face {
font-family: Myriad;
@ -82,11 +29,7 @@
font-style: italic;
font-display: swap;
font-stretch: 70% 110%;
src:
url("/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable-italic.woff2")
format("woff2"),
url("/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable-italic.ttf")
format("truetype");
src: url("/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable-italic.woff2") format("woff2"), url("/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable-italic.ttf") format("truetype");
}
:root {
/* Couleurs */
@ -235,8 +178,7 @@ button, input, select, textarea {
html {
font: 1rem/var(--hauteur-ligne-classique) Lato;
font-optical-sizing: auto;
font-variant-ligatures: common-ligatures no-discretionary-ligatures no-historical-ligatures
contextual;
font-variant-ligatures: common-ligatures no-discretionary-ligatures no-historical-ligatures contextual;
font-kerning: normal;
color: var(--couleur-noir);
text-decoration-skip-ink: auto;
@ -418,12 +360,7 @@ input, select, textarea {
background: var(--couleur-gris);
transition: 0.2s background;
}
input:focus-visible,
input:focus-within,
select:focus-visible,
select:focus-within,
textarea:focus-visible,
textarea:focus-within {
input:focus-visible, input:focus-within, select:focus-visible, select:focus-within, textarea:focus-visible, textarea:focus-within {
z-index: 10;
outline: 2px dashed var(--couleur-noir);
}
@ -435,20 +372,20 @@ input:disabled, select:disabled, textarea:disabled {
outline-color: transparent;
}
input:is([type="email"], [type="text"], [type="tel"])::placeholder, textarea::placeholder {
input:is([type=email], [type=text], [type=tel])::placeholder, textarea::placeholder {
text-transform: lowercase;
letter-spacing: var(--espacement-inter-lettres-etendu-s);
}
input:is([type="email"], [type="text"], [type="tel"])::selection, textarea::selection {
input:is([type=email], [type=text], [type=tel])::selection, textarea::selection {
color: var(--couleur-blanc);
background: var(--couleur-noir);
}
input:is([type="email"], [type="text"], [type="tel"]):user-valid, textarea:user-valid {
input:is([type=email], [type=text], [type=tel]):user-valid, textarea:user-valid {
font-weight: 500;
color: var(--couleur-noir);
background: var(--arriere-plan-points);
}
input:is([type="email"], [type="text"], [type="tel"]):user-invalid, textarea:user-invalid {
input:is([type=email], [type=text], [type=tel]):user-invalid, textarea:user-invalid {
background: var(--couleur-gris);
}
@ -456,7 +393,7 @@ input, label, select, textarea {
cursor: pointer;
}
input[type="checkbox"], input[type="radio"] {
input[type=checkbox], input[type=radio] {
width: var(--espace-l);
height: var(--espace-l);
padding: initial;
@ -464,51 +401,49 @@ input[type="checkbox"], input[type="radio"] {
appearance: none;
transition: 0.2s background;
}
input[type="checkbox"]:checked, input[type="radio"]:checked {
input[type=checkbox]:checked, input[type=radio]:checked {
color: var(--couleur-noir);
background: var(--arriere-plan-points);
}
input[type="checkbox"]:checked::before, input[type="radio"]:checked::before {
input[type=checkbox]:checked::before, input[type=radio]:checked::before {
content: "x";
position: relative;
bottom: 0.1rem;
left: 0.35rem;
}
@media (hover: hover) {
input[type="checkbox"]:checked:hover, input[type="radio"]:checked:hover {
input[type=checkbox]:checked:hover, input[type=radio]:checked:hover {
color: var(--couleur-noir);
}
}
input[type="checkbox"]:not(:checked):user-valid, input[type="radio"]:not(:checked):user-valid {
input[type=checkbox]:not(:checked):user-valid, input[type=radio]:not(:checked):user-valid {
background: initial;
}
input[type="checkbox"], input[type="radio"] {
input[type=checkbox], input[type=radio] {
/*
* 1. Pour un alignement parfait du label avec la case à cocher.
*/
}
label:has(~ input[type="checkbox"], ~ input[type="radio"]),
input[type="checkbox"] + label,
input[type="radio"] + label {
label:has(~ input[type=checkbox], ~ input[type=radio]), input[type=checkbox] + label, input[type=radio] + label {
padding-top: 1px; /* 1 */
font-size: 0.9rem;
}
@media (hover: hover) {
input[type="checkbox"]:hover, input[type="radio"]:hover {
input[type=checkbox]:hover, input[type=radio]:hover {
background: var(--arriere-plan-points);
}
}
input[type="radio"] {
input[type=radio] {
border-radius: 100%;
appearance: initial;
}
input[type="radio"]:checked {
input[type=radio]:checked {
display: inline-flex;
place-content: center;
place-items: center;
}
input[type="radio"]:checked::before {
input[type=radio]:checked::before {
content: " ";
inset: initial;
display: inline-block;
@ -550,14 +485,7 @@ a {
text-decoration: underline; /* 1 */
text-decoration-color: transparent; /* 1 */
text-decoration-skip-ink: auto; /* 1 */
transition:
0.2s background,
0.2s border-color,
0.2s color,
0.2s font-weight,
0.2s outline-color,
0.2s letter-spacing,
0.2s text-decoration-color; /* 3 */
transition: 0.2s background, 0.2s border-color, 0.2s color, 0.2s font-weight, 0.2s outline-color, 0.2s letter-spacing, 0.2s text-decoration-color; /* 3 */
text-decoration-skip: edges; /* 1 */
/* Change les couleurs de l'arrière-plan et du contour pour marquer le focus. */
}
@ -643,9 +571,7 @@ ul.avec-puce-cercle {
}
ul.avec-puce-cercle a {
padding-left: var(--liste-puce-cercle-lien-marges-internes-ligne-debut); /* 1 */
background: no-repeat var(--liste-puce-cercle-puce-position-horizontale) center/var(
--liste-puce-cercle-puce-taille
) url("/app/themes/haiku-atelier-2024/assets/img/icons/dot.svg"); /* 2 */
background: no-repeat var(--liste-puce-cercle-puce-position-horizontale) center/var(--liste-puce-cercle-puce-taille) url("/app/themes/haiku-atelier-2024/assets/img/icons/dot.svg"); /* 2 */
}
video {
@ -701,7 +627,7 @@ video {
transform: translateX(-100%);
}
}
body:has(#menu-mobile:not([aria-hidden="true"])) {
body:has(#menu-mobile:not([aria-hidden=true])) {
touch-action: none;
overflow: hidden;
}
@ -721,11 +647,11 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
transition: display 400ms allow-discrete;
-webkit-overflow-scrolling: none;
}
#menu-mobile[aria-hidden="true"] {
#menu-mobile[aria-hidden=true] {
display: none;
animation: fade-out 400ms both;
}
#menu-mobile[aria-hidden="true"] .menu-modale__fond {
#menu-mobile[aria-hidden=true] .menu-modale__fond {
animation: fade-out 400ms both;
}
#menu-mobile .menu-modale__fond {
@ -858,13 +784,11 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
/* Dispositions */
--liste-puce-cercle-puce-position-horizontale: 3.5ch; /* 3 */
}
#en-tete .menu-navigation__entree:has(a[aria-current="page"]) {
background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg")
bottom/auto 90% no-repeat;
#en-tete .menu-navigation__entree:has(a[aria-current=page]) {
background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg") bottom/auto 90% no-repeat;
}
#en-tete .menu-navigation__entree--courante {
background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg")
bottom/auto 90% no-repeat;
background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg") bottom/auto 90% no-repeat;
}
#en-tete .menu-navigation__entree a {
display: inline-block; /* 1 */
@ -873,8 +797,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
}
@media (hover: hover) {
#en-tete .menu-navigation__entree:hover {
background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg")
bottom/auto 90% no-repeat;
background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg") bottom/auto 90% no-repeat;
}
}
@media (width <= 1000px) {
@ -895,9 +818,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
#en-tete .compte-panier[disabled] {
background: var(--arriere-plan-points);
}
#en-tete .compte-panier[disabled] a:hover,
#en-tete .compte-panier[disabled] a:active,
#en-tete .compte-panier[disabled] a:focus-within {
#en-tete .compte-panier[disabled] a:hover, #en-tete .compte-panier[disabled] a:active, #en-tete .compte-panier[disabled] a:focus-within {
border: 1px solid var(--couleur-noir);
}
#en-tete .compte-panier a {
@ -906,7 +827,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
text-transform: lowercase;
background: transparent;
}
#en-tete .compte-panier a[data-contient-articles="true"] {
#en-tete .compte-panier a[data-contient-articles=true] {
background: var(--couleur-gris-fond);
}
#en-tete .compte-panier a:hover, #en-tete .compte-panier a:focus-within {
@ -998,8 +919,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
}
#menu-categories-produits ul {
display: grid;
grid-template-columns:
repeat(auto-fit, minmax(var(--menu-entree-longueur-minimale), 1fr)); /* 1 */
grid-template-columns: repeat(auto-fit, minmax(var(--menu-entree-longueur-minimale), 1fr)); /* 1 */
gap: 1px;
place-items: center;
}
@ -1107,9 +1027,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
top: var(--colonne-gauche-position-haut);
height: var(--colonne-gauche-photo-hauteur);
}
.photos-produit .colonne.colonne-gauche figure,
.photos-produit .colonne.colonne-gauche picture,
.photos-produit .colonne.colonne-gauche img {
.photos-produit .colonne.colonne-gauche figure, .photos-produit .colonne.colonne-gauche picture, .photos-produit .colonne.colonne-gauche img {
height: 100%;
}
.photos-produit .colonne.colonne-droite img {
@ -1184,8 +1102,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
--carte-produit-longueur-maximale: 1000px;
display: grid;
grid-auto-rows: 1fr;
grid-template-columns:
repeat(auto-fit, minmax(var(--carte-produit-longueur-minimale), 1fr)); /* 1 */
grid-template-columns: repeat(auto-fit, minmax(var(--carte-produit-longueur-minimale), 1fr)); /* 1 */
gap: 1px; /* 2 */
min-height: var(--grille-produits-hauteur-minimale);
}
@ -1427,9 +1344,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
.details-produit__textes .section-textuelle:not(:last-of-type) {
border-block-end: 1px solid var(--couleur-noir);
}
.details-produit__textes
.section-textuelle:has(button[aria-expanded="false"])
.section-textuelle__contenu {
.details-produit__textes .section-textuelle:has(button[aria-expanded=false]) .section-textuelle__contenu {
display: none;
}
.details-produit__textes .section-textuelle h3 {
@ -1536,10 +1451,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
position: relative;
}
@media (hover: hover) {
.produits-similaires
.grille-produits-similaires
article figure a:hover
.produit__illustration__survol {
.produits-similaires .grille-produits-similaires article figure a:hover .produit__illustration__survol {
visibility: visible;
opacity: 100%;
transition: 0.3s opacity, 0.3s visibility;

View file

@ -41,13 +41,7 @@
margin: auto;
visibility: visible;
opacity: 100%;
mask-image: linear-gradient(
var(--mask-direction, to right),
hsla(0, 0%, 0%, 0),
hsl(0, 0%, 0%) 20%,
hsl(0, 0%, 0%) 80%,
hsla(0, 0%, 0%, 0)
);
mask-image: linear-gradient(var(--mask-direction, to right), hsla(0, 0%, 0%, 0), hsl(0, 0%, 0%) 20%, hsl(0, 0%, 0%) 80%, hsla(0, 0%, 0%, 0));
transition: 1s opacity ease-in-out, 1s visibility ease-in-out;
}
#page-a-propos .storytelling__animation[hidden] {

View file

@ -74,7 +74,7 @@
* 2. Cache les flèches d'augmentation/diminution sur Chrome/Edge/Safari.
*/
}
#panneau-panier .panneau__grille-produits .detail-produit__actions input[type="number"] {
#panneau-panier .panneau__grille-produits .detail-produit__actions input[type=number] {
grid-column: 2;
width: 100%;
border: initial;
@ -82,14 +82,7 @@
text-align: center;
appearance: textfield; /* 1 */
}
#panneau-panier
.panneau__grille-produits
.detail-produit__actions
input[type="number"]::-webkit-outer-spin-button,
#panneau-panier
.panneau__grille-produits
.detail-produit__actions
input[type="number"]::-webkit-inner-spin-button {
#panneau-panier .panneau__grille-produits .detail-produit__actions input[type=number]::-webkit-outer-spin-button, #panneau-panier .panneau__grille-produits .detail-produit__actions input[type=number]::-webkit-inner-spin-button {
margin: 0; /* 2 */
appearance: none; /* 2 */
}
@ -234,14 +227,7 @@
#panneau-panier .panneau__instructions-code-promo {
padding: var(--espace-xl) var(--espace-l);
}
#panneau-panier
.panneau__instructions-code-promo
.panneau__instructions-code-promo__code-promo
input,
#panneau-panier
.panneau__instructions-code-promo
.panneau__instructions-code-promo__code-promo
button {
#panneau-panier .panneau__instructions-code-promo .panneau__instructions-code-promo__code-promo input, #panneau-panier .panneau__instructions-code-promo .panneau__instructions-code-promo__code-promo button {
flex: 1;
}
#panneau-panier .panneau__sous-totaux {
@ -303,16 +289,10 @@
font-size: 0.8rem;
font-style: italic;
}
#panneau-informations-client
.panneau__formulaires
.panneau__formulaires__separation-adresses
label {
#panneau-informations-client .panneau__formulaires .panneau__formulaires__separation-adresses label {
text-transform: lowercase;
}
#panneau-informations-client
.panneau__formulaires
.panneau__formulaires__paiement
.formulaire__paiement__attente-renseignement-formulaires {
#panneau-informations-client .panneau__formulaires .panneau__formulaires__paiement .formulaire__paiement__attente-renseignement-formulaires {
align-content: center;
width: 100%;
padding: 0;
@ -321,11 +301,7 @@
color: var(--couleur-gris-fonce);
text-align: center;
}
#panneau-informations-client
.panneau__formulaires
.panneau__formulaires__paiement
.formulaire__paiement__attente-renseignement-formulaires
p + p {
#panneau-informations-client .panneau__formulaires .panneau__formulaires__paiement .formulaire__paiement__attente-renseignement-formulaires p + p {
margin-top: 1lh;
}
#panneau-informations-client .panneau__formulaires .panneau__formulaires__message {
@ -359,11 +335,7 @@
place-items: center;
justify-content: space-between;
}
#panneau-informations-client
.formulaire
.formulaire__champs
.formulaire__champs__champ
+ .formulaire__champs__champ {
#panneau-informations-client .formulaire .formulaire__champs .formulaire__champs__champ + .formulaire__champs__champ {
margin-top: var(--espace-l);
}
#panneau-informations-client .formulaire label {
@ -463,10 +435,10 @@
margin-top: var(--espace-m);
font-size: initial;
}
#page-panier[data-contient-articles="false"] .panneau {
#page-panier[data-contient-articles=false] .panneau {
display: none;
}
#page-panier[data-contient-articles="false"] .panier-vide {
#page-panier[data-contient-articles=false] .panier-vide {
display: block;
}

View file

@ -10,8 +10,8 @@ const AppConfig = Config.all({
});
const Provider = ConfigProvider.fromUnknown({
WOOCOMMERCE_API_CONSUMER_KEY: "ck_329c944b248aa7cc837c7662d9c6e09d638802df",
WOOCOMMERCE_API_CONSUMER_SECRET: "cs_5687d0c694bd519b231145afa7177c0c987f7155",
WOOCOMMERCE_API_CONSUMER_KEY: "ck_d6f6db391ac2cdae45c9067e90abf7c913606954",
WOOCOMMERCE_API_CONSUMER_SECRET: "cs_e213979ea3d1490b275dd75c8d53d05c82853119",
});
export { AppConfig, Provider };