diff --git a/web/app/themes/haiku-atelier-2024/assets/css/main.css b/web/app/themes/haiku-atelier-2024/assets/css/main.css index 99bd30bc..5b7c2f2f 100755 --- a/web/app/themes/haiku-atelier-2024/assets/css/main.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/main.css @@ -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; @@ -1612,4 +1524,4 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { text-align: right; } -/* # sourceMappingURL=main.css.map */ +/*# sourceMappingURL=main.css.map */ diff --git a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css index baf482e3..61b4eb5e 100755 --- a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css @@ -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] { @@ -118,4 +112,4 @@ } } -/* # sourceMappingURL=page-a-propos.css.map */ +/*# sourceMappingURL=page-a-propos.css.map */ diff --git a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-boutique.css b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-boutique.css index d3a0cc3f..93030f64 100755 --- a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-boutique.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-boutique.css @@ -7,4 +7,4 @@ padding: var(--espace-xl) 0; } -/* # sourceMappingURL=page-boutique.css.map */ +/*# sourceMappingURL=page-boutique.css.map */ diff --git a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-panier.css b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-panier.css index c554eafe..72ad5fa7 100755 --- a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-panier.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-panier.css @@ -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,11 +435,11 @@ 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; } -/* # sourceMappingURL=page-panier.css.map */ +/*# sourceMappingURL=page-panier.css.map */ diff --git a/web/app/themes/haiku-atelier-2024/src/scripts-effect/lib/config.ts b/web/app/themes/haiku-atelier-2024/src/scripts-effect/lib/config.ts index a93efad2..050796da 100644 --- a/web/app/themes/haiku-atelier-2024/src/scripts-effect/lib/config.ts +++ b/web/app/themes/haiku-atelier-2024/src/scripts-effect/lib/config.ts @@ -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 };