From 8f805c90eb3819384b60c68f7bdb40eeeea92803 Mon Sep 17 00:00:00 2001 From: gcch Date: Wed, 23 Oct 2024 17:19:20 +0200 Subject: [PATCH] =?UTF-8?q?fonc:=20m=C3=A0j=20Lato=20+=20continue=20la=20p?= =?UTF-8?q?age=20Contact?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/app/db.php | 1 - .../haiku-atelier-2024/assets/css/main.css | 99 ++---- .../assets/css/main.css.map | 2 +- .../assets/css/main.min.css | 13 +- .../assets/css/main.min.css.map | 2 +- .../assets/css/pages/page-accueil.css | 2 +- .../assets/css/pages/page-accueil.min.css | 2 +- .../assets/css/pages/page-accueil.min.css.map | 2 +- .../assets/css/pages/page-contact.css | 10 +- .../assets/css/pages/page-contact.css.map | 2 +- .../assets/css/pages/page-contact.min.css | 6 +- .../assets/css/pages/page-contact.min.css.map | 2 +- .../assets/css/pages/page-panier.css | 4 +- .../assets/css/pages/page-panier.css.map | 2 +- .../assets/css/pages/page-panier.min.css | 4 +- .../assets/css/pages/page-panier.min.css.map | 2 +- .../assets/fonts/lato/lato-v24-latin-100.ttf | Bin 56096 -> 0 bytes .../fonts/lato/lato-v24-latin-100.woff2 | Bin 21508 -> 0 bytes .../fonts/lato/lato-v24-latin-100italic.ttf | Bin 39232 -> 0 bytes .../fonts/lato/lato-v24-latin-100italic.woff2 | Bin 17072 -> 0 bytes .../assets/fonts/lato/lato-v24-latin-300.ttf | Bin 63404 -> 0 bytes .../fonts/lato/lato-v24-latin-300.woff2 | Bin 23236 -> 0 bytes .../fonts/lato/lato-v24-latin-300italic.ttf | Bin 39264 -> 0 bytes .../fonts/lato/lato-v24-latin-300italic.woff2 | Bin 17728 -> 0 bytes .../assets/fonts/lato/lato-v24-latin-700.ttf | Bin 59048 -> 0 bytes .../fonts/lato/lato-v24-latin-700.woff2 | Bin 23040 -> 0 bytes .../fonts/lato/lato-v24-latin-700italic.ttf | Bin 62348 -> 0 bytes .../fonts/lato/lato-v24-latin-700italic.woff2 | Bin 24448 -> 0 bytes .../assets/fonts/lato/lato-v24-latin-900.ttf | Bin 55508 -> 0 bytes .../fonts/lato/lato-v24-latin-900.woff2 | Bin 22504 -> 0 bytes .../fonts/lato/lato-v24-latin-900italic.ttf | Bin 57640 -> 0 bytes .../fonts/lato/lato-v24-latin-900italic.woff2 | Bin 23736 -> 0 bytes .../fonts/lato/lato-v24-latin-italic.ttf | Bin 60976 -> 0 bytes .../fonts/lato/lato-v24-latin-italic.woff2 | Bin 24408 -> 0 bytes .../fonts/lato/lato-v24-latin-regular.ttf | Bin 60540 -> 0 bytes .../fonts/lato/lato-v24-latin-regular.woff2 | Bin 23580 -> 0 bytes .../fonts/lato/lato-variable-italic.ttf | Bin 0 -> 952432 bytes .../fonts/lato/lato-variable-italic.woff2 | Bin 0 -> 387084 bytes .../assets/fonts/lato/lato-variable.ttf | Bin 0 -> 985096 bytes .../assets/fonts/lato/lato-variable.woff2 | Bin 0 -> 357072 bytes .../assets/js/.vite/manifest.json | 6 +- .../haiku-atelier-2024/assets/js/messages.js | 24 +- .../assets/js/messages.js.map | 2 +- .../assets/js/scripts-bouton-panier.js | 3 + .../assets/js/scripts-bouton-panier.js.map | 2 +- .../assets/js/scripts-page-panier.js | 12 +- .../assets/js/scripts-page-panier.js.map | 2 +- .../src/sass/base/elements/_liens.scss | 24 +- .../src/sass/base/polices/_lato-latin.scss | 119 +++++++ .../src/sass/base/polices/_lato.scss | 326 ++++++++++++------ .../src/sass/layouts/_colonnes-photos.scss | 4 +- .../src/sass/layouts/_en-tete.scss | 5 + .../src/sass/layouts/_grille-produits.scss | 2 +- .../src/sass/layouts/_menu-mobile.scss | 2 +- .../src/sass/pages/page-accueil.scss | 2 +- .../src/sass/pages/page-contact.scss | 11 +- .../src/sass/pages/page-panier.scss | 6 +- .../src/scripts/lib/messages.ts | 11 +- .../src/scripts/scripts-bouton-panier.ts | 5 + .../src/scripts/scripts-page-panier.ts | 17 +- .../haiku-atelier-2024/views/contact.twig | 14 +- 61 files changed, 511 insertions(+), 243 deletions(-) delete mode 120000 web/app/db.php delete mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-100.ttf delete mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-100.woff2 delete mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-100italic.ttf delete mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-100italic.woff2 delete mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-300.ttf delete mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-300.woff2 delete mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-300italic.ttf delete mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-300italic.woff2 delete mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-700.ttf delete mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-700.woff2 delete mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-700italic.ttf delete mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-700italic.woff2 delete mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-900.ttf delete mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-900.woff2 delete mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-900italic.ttf delete mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-900italic.woff2 delete mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-italic.ttf delete mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-italic.woff2 delete mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-regular.ttf delete mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-regular.woff2 create mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic.ttf create mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic.woff2 create mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable.ttf create mode 100644 web/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable.woff2 create mode 100644 web/app/themes/haiku-atelier-2024/src/sass/base/polices/_lato-latin.scss diff --git a/web/app/db.php b/web/app/db.php deleted file mode 120000 index 73510b50..00000000 --- a/web/app/db.php +++ /dev/null @@ -1 +0,0 @@ -/var/www/html/web/app/plugins/query-monitor/wp-content/db.php \ No newline at end of file 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 199cebc6..45d2226d 100644 --- a/web/app/themes/haiku-atelier-2024/assets/css/main.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/main.css @@ -1,73 +1,19 @@ @charset "UTF-8"; @font-face { font-family: Lato; - font-weight: 100; + font-weight: 100 900; font-style: normal; font-display: swap; - src: url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-100.woff2") format("woff2"), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-100.ttf") format("truetype"); + src: url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable.woff2") format("woff2"), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable.ttf") format("truetype"); + unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-036F, U+0374-0375, U+037A-037E, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03CE, U+03D0-0486, U+0488-0513, U+0E3F, U+102D, U+102F, U+1031, U+1D00-1DCA, U+1DFE-1E9B, U+1E9E, U+1EA0-1EF9, U+1F00-1F15, U+1F18-1F1D, U+1F20-1F45, U+1F48-1F4D, U+1F50-1F57, U+1F59, U+1F5B, U+1F5D, U+1F5F-1F7D, U+1F80-1FB4, U+1FB6-1FC4, U+1FC6-1FD3, U+1FD6-1FDB, U+1FDD-1FEF, U+1FF2-1FF4, U+1FF6-1FFE, U+2000-2010, U+2012-2022, U+2026, U+202F-2030, U+2032-2034, U+2039-203A, U+203C-203E, U+2044, U+205E-205F, U+2070-2071, U+2074-208E, U+2090-2094, U+2099, U+20A0-20B5, U+20B8-20BA, U+20DD, U+2105, U+2113, U+2116-2117, U+2120, U+2122, U+2126, U+212E, U+2132, U+214D-214E, U+2153-215F, U+2183-2184, U+2190-2199, U+21A8, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E-221F, U+2229, U+222B, U+2248, U+2260-2261, U+2264-2265, U+2302, U+2310, U+2320-2321, U+2460-2473, U+24EA-24F4, U+24FF-2500, U+2502, U+250C, U+2510, U+2514, U+2518, U+25A1, U+25AA-25AB, U+25CA-25CC, U+25CF, U+25E6, U+2600, U+263C, U+2669, U+2776-277F, U+2C60-2C6C, U+2C74-2C77, U+2E17, U+A717-A71A, U+A720-A721, U+F8FF, U+FB00-FB04, U+FB06, U+FE20-FE23, U+FEFF; } @font-face { font-family: Lato; - font-weight: 100; + font-weight: 100 900; font-style: italic; font-display: swap; - src: url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-100italic.woff2") format("woff2"), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-100italic.ttf") format("truetype"); -} -@font-face { - font-family: Lato; - font-weight: 300; - font-style: normal; - font-display: swap; - src: url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-300.woff2") format("woff2"), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-300.ttf") format("truetype"); -} -@font-face { - font-family: Lato; - font-weight: 300; - font-style: italic; - font-display: swap; - src: url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-300italic.woff2") format("woff2"), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-300italic.ttf") format("truetype"); -} -@font-face { - font-family: Lato; - font-weight: 400; - font-style: normal; - font-display: swap; - src: url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-regular.woff2") format("woff2"), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-regular.ttf") format("truetype"); -} -@font-face { - font-family: Lato; - font-weight: 400; - font-style: italic; - font-display: swap; - src: url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-italic.woff2") format("woff2"), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-italic.ttf") format("truetype"); -} -@font-face { - font-family: Lato; - font-weight: 700; - font-style: normal; - font-display: swap; - src: url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-700.woff2") format("woff2"), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-700.ttf") format("truetype"); -} -@font-face { - font-family: Lato; - font-weight: 700; - font-style: italic; - font-display: swap; - src: url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-700italic.woff2") format("woff2"), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-700italic.ttf") format("truetype"); -} -@font-face { - font-family: Lato; - font-weight: 900; - font-style: normal; - font-display: swap; - src: url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-900.woff2") format("woff2"), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-900.ttf") format("truetype"); -} -@font-face { - font-family: Lato; - font-weight: 900; - font-style: italic; - font-display: swap; - src: url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-900italic.woff2") format("woff2"), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-900italic.ttf") format("truetype"); + src: url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic.woff2") format("woff2"), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic.ttf") format("truetype"); + unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-036F, U+0374-0375, U+037A-037E, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03CE, U+03D0-0486, U+0488-0513, U+0E3F, U+102D, U+102F, U+1031, U+1D00-1DCA, U+1DFE-1E9B, U+1E9E, U+1EA0-1EF9, U+1F00-1F15, U+1F18-1F1D, U+1F20-1F45, U+1F48-1F4D, U+1F50-1F57, U+1F59, U+1F5B, U+1F5D, U+1F5F-1F7D, U+1F80-1FB4, U+1FB6-1FC4, U+1FC6-1FD3, U+1FD6-1FDB, U+1FDD-1FEF, U+1FF2-1FF4, U+1FF6-1FFE, U+2000-2010, U+2012-2022, U+2026, U+202F-2030, U+2032-2034, U+2039-203A, U+203C-203E, U+2044, U+205E-205F, U+2070-2071, U+2074-208E, U+2090-2094, U+2099, U+20A0-20B5, U+20B8-20BA, U+20DD, U+2105, U+2113, U+2116-2117, U+2120, U+2122, U+2126, U+212E, U+2132, U+214D-214E, U+2153-215F, U+2183-2184, U+2190-2199, U+21A8, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E-221F, U+2229, U+222B, U+2248, U+2260-2261, U+2264-2265, U+2302, U+2310, U+2320-2321, U+2460-2473, U+24EA-24F4, U+24FF-2500, U+2502, U+250C, U+2510, U+2514, U+2518, U+25A1, U+25AA-25AB, U+25CA-25CC, U+25CF, U+25E6, U+2600, U+263C, U+2669, U+2776-277F, U+2C60-2C6C, U+2C74-2C77, U+2E17, U+A717-A71A, U+A720-A721, U+F8FF, U+FB00-FB04, U+FB06, U+FE20-FE23, U+FEFF; } @font-face { font-family: Myriad; @@ -306,7 +252,7 @@ img { background: var(--couleur-jaune); /* 3 */ } -/* * +/* * 1. Change la « bordure » de base. * 2. Ajoute un contour, qui sera colorisé au focus. * 3. Anime le changement de couleur des texte, bordure et contour. @@ -322,9 +268,9 @@ a { transition: 0.2s color, 0.2s font-weight, 0.2s background, 0.2s outline-color, 0.2s border-color, 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. */ - /* * - * Lien ressemblant visuellement à un bouton. - */ + /* Lien ressemblant visuellement à un bouton. */ + /* Lien ressemblant à... un lien. */ + /* Styles pour les liens par défaut */ } a:focus, a:focus-visible { outline-color: var(--lien-contour-couleur-focus); @@ -352,6 +298,19 @@ a.lien-bouton:active { background: var(--lien-bouton-arriere-plan-couleur-survol); } } +a.lien-lien { + text-decoration: underline; +} +a.lien-lien:active { + text-decoration-color: var(--couleur-jaune); + background: var(--couleur-jaune); +} +@media (hover: hover) { + a.lien-lien:hover { + text-decoration-color: var(--couleur-jaune); + background: var(--couleur-jaune); + } +} @media (hover: hover) { a:not([class]):hover { text-decoration-color: var(--couleur-noir); @@ -391,7 +350,7 @@ body:has(#menu-mobile:not([aria-hidden=true])) { } #menu-mobile { - --menu-mobile-hauteur: calc(100vh - var(--en-tete-hauteur)); + --menu-mobile-hauteur: calc(100svh - var(--en-tete-hauteur)); position: fixed; z-index: 997; inset: var(--en-tete-hauteur) 0 0 0; @@ -494,6 +453,10 @@ body:has(#menu-mobile:not([aria-hidden=true])) { #en-tete .logo picture, #en-tete .logo img { background: transparent; } +#en-tete .logo button { + display: block; + align-content: center; +} #en-tete .menu-navigation { display: grid; grid-template-columns: 1fr auto 1fr; @@ -652,9 +615,9 @@ body:has(#menu-mobile:not([aria-hidden=true])) { /* Positions */ --colonne-gauche-position-haut: var(--menu-categories-produits-hauteur); /* Dimensions */ - --colonne-gauche-photo-hauteur: calc(100vh - var(--menu-categories-produits-hauteur)); + --colonne-gauche-photo-hauteur: calc(100svh - var(--menu-categories-produits-hauteur)); --colonne-droite-photo-hauteur-minimale: calc( - 100vh + var(--en-tete-hauteur) + var(--menu-categories-produits-hauteur) + 100svh + var(--en-tete-hauteur) + var(--menu-categories-produits-hauteur) ); /* Marges */ --section-marges-externes-bloc-fin: 1rem; @@ -755,7 +718,7 @@ body:has(#menu-mobile:not([aria-hidden=true])) { .grille-produits__aucun-produit { grid-column: span 3; align-content: center; - min-height: calc(100vh - var(--menu-categories-produits-hauteur) - var(--en-tete-hauteur) - var(--pied-de-page-hauteur)); + min-height: calc(100svh - var(--menu-categories-produits-hauteur) - var(--en-tete-hauteur) - var(--pied-de-page-hauteur)); text-align: center; } .grille-produits__aucun-produit p + p { diff --git a/web/app/themes/haiku-atelier-2024/assets/css/main.css.map b/web/app/themes/haiku-atelier-2024/assets/css/main.css.map index 94f368d8..c0584b04 100644 --- a/web/app/themes/haiku-atelier-2024/assets/css/main.css.map +++ b/web/app/themes/haiku-atelier-2024/assets/css/main.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../src/sass/base/polices/_lato.scss","../../src/sass/base/polices/_myriad.scss","../../src/sass/abstracts/_variables.scss","../../src/sass/base/_base.scss","../../src/sass/base/_typographie.scss","../../src/sass/base/elements/_boutons.scss","../../src/sass/base/elements/_formulaires.scss","../../src/sass/base/elements/_images.scss","../../src/sass/base/elements/_liens.scss","../../src/sass/base/elements/_listes.scss","../../src/sass/layouts/_menu-mobile.scss","../../src/sass/layouts/_en-tete.scss","../../src/sass/layouts/_menu-categories-produits.scss","../../src/sass/layouts/_colonnes-photos.scss","../../src/sass/layouts/_grille-produits.scss","../../src/sass/layouts/_informations-produit.scss","../../src/sass/layouts/_produits-similaires.scss","../../src/sass/layouts/_pied-de-page.scss"],"names":[],"mappings":";AAAA;EACE;EACA;EACA;EACA;EACA,KACE;;AAMJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAMJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAMJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAMJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAMJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAMJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAMJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAMJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAMJ;EACE;EACA;EACA;EACA;EACA,KACE;;AClHJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;ACjBJ;AACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;;;AC/BF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAIA;EACE;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;IACE;IACA;IACA;;;AChEJ;AAAA;AAAA;AAAA;AAIA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AC7BA;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;;AClBN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAMF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;;AAQJ;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;AAcA;AAAA;AAAA;;AAZA;EACE;;AAGA;EACE;EACA;EACA;EACA;;AAOJ;EACE;EACA;;;ACzEJ;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;EACE;EACA;;;ACZF;AAAA;AAAA;AAAA;AAAA;AAKA;AACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA,YACE,kHAK4B;EAE9B;AAEA;AAKA;AAAA;AAAA;;AAJA;EACE;;AAMF;AACE;EACA;EACA;AAEA;EACA;EAEA;EACA;AAEA;AAKA;AAKA;;AATA;EACE;;AAIF;EACE;;AAIF;EACE;IACE;;;AAMJ;EACE;IACE;;;;AChER;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAMA;AACE;EACA;AAEA;EACA;AAEA;EACA;;AAEA;EACE;EACA,qLAEkE;;;AC3BxE;EACE;EACA;;;AAGF;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;;AAQZ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;ACxFJ;AACE;EACA;EACA;AAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAUA;;AARA;EACE;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;AAUA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AARA;EACE;EACA;EACA;EACA;EACA;;AAYF;AACE;EACA;EACA;EACA;AAEA;EACA;;AAEA;EACE;EACA,yFAC2C;EAE3C;;AAGF;EACE;;AAIF;EACE;IACE;;;AAOJ;EADF;IAEI;;;AAKN;EACE;EACA;EACA;EACA;EACA;AAEA;AAAA;AAAA;;AAGA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;;ACnHR;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACE;EACA;EACA;AAEA;EACA;EACA;EAEA;EACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAOA;EACE;EACA,uBACE;EACF;AAEA;AAAA;AAAA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAYA;AAAA;AAAA;AAAA;AAAA;;AATE;EACE;;AAIJ;EACE;;AAQF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;IACE;IACA;;;AAKN;EACE;;AAGF;EACE;;;ACrFR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACE;EACA;AAEA;EACA;EACA;AAAA;AAAA;AAIA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGA;EACE;;AAMF;EACE;EACA;;;AC7CR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EAEI;IACE;IACA;IACA;;;AAMR;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAMR;EACE;EACA;EACA;EAIA;;AAEA;EACE;EACA;;;AC9FN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACE;EAEA;EAGA;EACA;EAGA;EAEA;EACA;EACA;EACA;EACA;AAmGA;AAyGA;;AA1MA;EACE;EACA;EACA;EACA;EACA;AAEA;AAAA;AAAA;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EACE;;AAGF;EACE;;AASN;EACE;;AAMN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;AAEA;AAMA;AAwCA;AAqBA;;AAlEA;EACE;EACA;;AAIF;EACE;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEI;IACE;IACA;;;AAKN;EAEI;IACE;IACA;;;AAOR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;IACE;;;AAKN;EACE;;AAeJ;EACE;;AAKJ;EACE;EACA;EACA;AAEA;;AACA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;AAEA;;AAEE;EACE;IACE;;;;AAQZ;EACE;IACE;;EAGF;IACE;;;ACvQJ;EACE;EACA,qBACE;EAEF;EACA;EACA;EACA;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EAEI;IACE;IACA;IACA;;;AAMR;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AC5FZ;AACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA","file":"main.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../src/sass/base/polices/_lato.scss","../../src/sass/base/polices/_myriad.scss","../../src/sass/abstracts/_variables.scss","../../src/sass/base/_base.scss","../../src/sass/base/_typographie.scss","../../src/sass/base/elements/_boutons.scss","../../src/sass/base/elements/_formulaires.scss","../../src/sass/base/elements/_images.scss","../../src/sass/base/elements/_liens.scss","../../src/sass/base/elements/_listes.scss","../../src/sass/layouts/_menu-mobile.scss","../../src/sass/layouts/_en-tete.scss","../../src/sass/layouts/_menu-categories-produits.scss","../../src/sass/layouts/_colonnes-photos.scss","../../src/sass/layouts/_grille-produits.scss","../../src/sass/layouts/_informations-produit.scss","../../src/sass/layouts/_produits-similaires.scss","../../src/sass/layouts/_pied-de-page.scss"],"names":[],"mappings":";AAAA;EACE;EACA;EACA;EACA;EACA,KACE;EAEF,eACE;;AA6GJ;EACE;EACA;EACA;EACA;EACA,KACE;EAIF,eACE;;ACjIJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;ACjBJ;AACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;;;AC/BF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAIA;EACE;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;IACE;IACA;IACA;;;AChEJ;AAAA;AAAA;AAAA;AAIA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AC7BA;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;;AClBN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAMF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;;AAQJ;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;AAcA;AAAA;AAAA;;AAZA;EACE;;AAGA;EACE;EACA;EACA;EACA;;AAOJ;EACE;EACA;;;ACzEJ;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;EACE;EACA;;;ACZF;AAAA;AAAA;AAAA;AAAA;AAKA;AACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA,YACE,kHAK4B;EAE9B;AAEA;AAKA;AA8BA;AAiBA;;AAnDA;EACE;;AAIF;AACE;EACA;EACA;AAEA;EACA;EAEA;EACA;AAEA;AAKA;AAKA;;AATA;EACE;;AAIF;EACE;;AAIF;EACE;IACE;;;AAMN;EACE;;AAEA;EACE;EACA;;AAGF;EACE;IACE;IACA;;;AAOJ;EACE;IACE;;;;AChFR;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAMA;AACE;EACA;AAEA;EACA;AAEA;EACA;;AAEA;EACE;EACA,qLAEkE;;;AC3BxE;EACE;EACA;;;AAGF;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;;AAQZ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;ACxFJ;AACE;EACA;EACA;AAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAeA;;AAbA;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;AAUA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AARA;EACE;EACA;EACA;EACA;EACA;;AAYF;AACE;EACA;EACA;EACA;AAEA;EACA;;AAEA;EACE;EACA,yFAC2C;EAE3C;;AAGF;EACE;;AAIF;EACE;IACE;;;AAOJ;EADF;IAEI;;;AAKN;EACE;EACA;EACA;EACA;EACA;AAEA;AAAA;AAAA;;AAGA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;;ACxHR;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACE;EACA;EACA;AAEA;EACA;EACA;EAEA;EACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAOA;EACE;EACA,uBACE;EACF;AAEA;AAAA;AAAA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAYA;AAAA;AAAA;AAAA;AAAA;;AATE;EACE;;AAIJ;EACE;;AAQF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;IACE;IACA;;;AAKN;EACE;;AAGF;EACE;;;ACrFR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACE;EACA;AAEA;EACA;EACA;AAAA;AAAA;AAIA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGA;EACE;;AAMF;EACE;EACA;;;AC7CR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EAEI;IACE;IACA;IACA;;;AAMR;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAMR;EACE;EACA;EACA;EAIA;;AAEA;EACE;EACA;;;AC9FN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACE;EAEA;EAGA;EACA;EAGA;EAEA;EACA;EACA;EACA;EACA;AAmGA;AAyGA;;AA1MA;EACE;EACA;EACA;EACA;EACA;AAEA;AAAA;AAAA;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EACE;;AAGF;EACE;;AASN;EACE;;AAMN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;AAEA;AAMA;AAwCA;AAqBA;;AAlEA;EACE;EACA;;AAIF;EACE;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEI;IACE;IACA;;;AAKN;EAEI;IACE;IACA;;;AAOR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;IACE;;;AAKN;EACE;;AAeJ;EACE;;AAKJ;EACE;EACA;EACA;AAEA;;AACA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;AAEA;;AAEE;EACE;IACE;;;;AAQZ;EACE;IACE;;EAGF;IACE;;;ACvQJ;EACE;EACA,qBACE;EAEF;EACA;EACA;EACA;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EAEI;IACE;IACA;IACA;;;AAMR;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AC5FZ;AACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA","file":"main.css"} \ No newline at end of file diff --git a/web/app/themes/haiku-atelier-2024/assets/css/main.min.css b/web/app/themes/haiku-atelier-2024/assets/css/main.min.css index 12b1c41f..f33b2b2f 100644 --- a/web/app/themes/haiku-atelier-2024/assets/css/main.min.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/main.min.css @@ -342,7 +342,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { } #menu-mobile { - --menu-mobile-hauteur: calc(100vh - var(--en-tete-hauteur)); + --menu-mobile-hauteur: calc(100svh - var(--en-tete-hauteur)); z-index: 997; inset: var(--en-tete-hauteur) 0 0 0; overscroll-behavior: none; @@ -455,6 +455,11 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { background: none; } +#en-tete .logo button { + align-content: center; + display: block; +} + #en-tete .menu-navigation { text-align: center; text-transform: lowercase; @@ -586,8 +591,8 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { .photos-produit { --colonne-gauche-position-haut: var(--menu-categories-produits-hauteur); - --colonne-gauche-photo-hauteur: calc(100vh - var(--menu-categories-produits-hauteur)); - --colonne-droite-photo-hauteur-minimale: calc(100vh + var(--en-tete-hauteur) + var(--menu-categories-produits-hauteur)); + --colonne-gauche-photo-hauteur: calc(100svh - var(--menu-categories-produits-hauteur)); + --colonne-droite-photo-hauteur-minimale: calc(100svh + var(--en-tete-hauteur) + var(--menu-categories-produits-hauteur)); --section-marges-externes-bloc-fin: 1rem; flex-flow: wrap; max-width: 100%; @@ -687,7 +692,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { } .grille-produits__aucun-produit { - min-height: calc(100vh - var(--menu-categories-produits-hauteur) - var(--en-tete-hauteur) - var(--pied-de-page-hauteur)); + min-height: calc(100svh - var(--menu-categories-produits-hauteur) - var(--en-tete-hauteur) - var(--pied-de-page-hauteur)); text-align: center; grid-column: span 3; align-content: center; diff --git a/web/app/themes/haiku-atelier-2024/assets/css/main.min.css.map b/web/app/themes/haiku-atelier-2024/assets/css/main.min.css.map index 984c4f52..8aef5cdb 100644 --- a/web/app/themes/haiku-atelier-2024/assets/css/main.min.css.map +++ b/web/app/themes/haiku-atelier-2024/assets/css/main.min.css.map @@ -1 +1 @@ -{"version":3,"mappings":"AACA;;;;;;;;AAOA;;;;;;;;AAOA;;;;;;;;AAOA;;;;;;;;AAOA;;;;;;;;AAOA;;;;;;;;AAOA;;;;;;;;AAOA;;;;;;;;AAOA;;;;;;;;AAOA;;;;;;;;AAOA;;;;;;;;;AAQA;;;;;;;;;AAQA;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA;;;;AAWA;;;;;;;;AAYA;;;;;AAQA;;;;AAOA;;;;AAKA;;;;AAKA;;;;AAOA;EACE;;;;;;;AAUF;;;;;;AAMA;;;;;;;;;;AAUA;;;;AAIA;;;;AAQA;;;;;;;AAMA;;;;;AAIA;;;;;;;;AAQA;;;;;;;;AAOA;;;;;AAIA;;;;;AAKA;;;;;AAIA;;;;;AAIA;;;;AAGA;;;;AAIA;;;;AAIA;;;;;;;;;AAWA;;;;AAGA;;;;;;;AAMA;;;;;AAUA;;;;;AAKA;;;;;AAUA;;;;;;;;;;AAeA;;;;AAGA;;;;;;;;AAYA;;;;AAGA;;;;AAGA;EACE;;;;EAKA;;;;;AAUF;;;;AASA;;;;;;AAQA;;;;;AAKA;;;;;AAKA;;;;;;;;;;;;;;;AAeA;;;;;AAIA;;;;AAGA;;;;;;;;;;AASA;;;;;;;;;;;;;;AAaA;;;;AAGA;;;;;;AAKA;;;;AAGA;;;;;AAKA;;;;;;AAKA;;;;;;AAKA;;;;;;AAKA;;;;;;;;;;;;;;;;;;;;;AAuBA;;;;AAGA;;;;AAGA;;;;;;;;AAgBA;;;;;;;;AAOA;;;;;;;AAQA;;;;;;AAKA;;;;AAGA;EACE;;;;;AAIF;EACE;;;;;AAIF;;;;;;;;AAUA;;;;;AAIA;;;;AAGA;;;;AAUA;;;;;;;;;AAiBA;;;;;;AAQA;;;;;;;;;;;AAeA;;;;AAGA;;;;AAGA;;;;;;;;;AAQA;;;;;AAIA;EACE;;;;;;AAKF;;;;AAGA;;;;AAWA;;;;;;;;;;AAcA;;;;;;;AAMA;;;;;;AAKA;;;;AAGA;;;;;AAiBA;;;;;;;AAMA;;;;AAGA;;;;;;;AAMA;;;;AAGA;EACE;;;;;;;AAMF;;;;AAGA;;;;;;;;;;;;AAWA;;;;;;;AAMA;;;;;;;AAMA;;;;;AAIA;;;;;AAIA;;;;;;;AAMA;;;;;AAYA;;;;;;;;;;;;AAcA;;;;;;;;AAUA;;;;;;;;AAOA;;;;AAGA;;;;;;;AAMA;;;;;;;AAMA;;;;AAIA;;;;AAGA;;;;;;;;;AASA;;;;AAGA;;;;;AAQA;;;;;;;;;;AAUA;;;;AAGA;;;;AAGA;;;;AAGA;;;;;;;;;;;AAUA;;;;AAGA;;;;;;;AAUA;;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;AAeA;EACE;;;;;;AAKF;EACE;;;;;;AAKF;;;;;;;;;;AASA;EACE;;;;;AAIF;;;;AAGA;;;;AAGA;;;;;;AAMA;;;;AAGA;;;;;;;;AAQA;EACE;;;;EAMA;;;;EAGA;;;;;AAIF;;;;;;;;;;AASA;;;;;;;;AAOA;;;;;;;AAMA;;;;;;;;;AAQA;;;;AAGA;;;;;;;AAMA;;;;AAGA;EACE;;;;;;;AAMF;;;;AAGA;;;;;;;;;;;;AAWA;;;;;;;AAMA;;;;;;;AAMA;;;;;AAIA;;;;;AAKA;;;;;;;;;;;;;AAaA;;;;;;;AAMA","sources":["web/app/themes/haiku-atelier-2024/assets/css/main.css"],"sourcesContent":["@charset \"UTF-8\";\n@font-face {\n font-family: Lato;\n font-weight: 100;\n font-style: normal;\n font-display: swap;\n src: url(\"/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-100.woff2\") format(\"woff2\"), url(\"/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-100.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: Lato;\n font-weight: 100;\n font-style: italic;\n font-display: swap;\n src: url(\"/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-100italic.woff2\") format(\"woff2\"), url(\"/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-100italic.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: Lato;\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n src: url(\"/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-300.woff2\") format(\"woff2\"), url(\"/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-300.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: Lato;\n font-weight: 300;\n font-style: italic;\n font-display: swap;\n src: url(\"/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-300italic.woff2\") format(\"woff2\"), url(\"/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-300italic.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: Lato;\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n src: url(\"/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-regular.woff2\") format(\"woff2\"), url(\"/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-regular.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: Lato;\n font-weight: 400;\n font-style: italic;\n font-display: swap;\n src: url(\"/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-italic.woff2\") format(\"woff2\"), url(\"/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-italic.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: Lato;\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n src: url(\"/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-700.woff2\") format(\"woff2\"), url(\"/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-700.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: Lato;\n font-weight: 700;\n font-style: italic;\n font-display: swap;\n src: url(\"/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-700italic.woff2\") format(\"woff2\"), url(\"/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-700italic.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: Lato;\n font-weight: 900;\n font-style: normal;\n font-display: swap;\n src: url(\"/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-900.woff2\") format(\"woff2\"), url(\"/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-900.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: Lato;\n font-weight: 900;\n font-style: italic;\n font-display: swap;\n src: url(\"/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-900italic.woff2\") format(\"woff2\"), url(\"/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-900italic.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: Myriad;\n font-weight: 300 900;\n font-style: normal;\n font-display: swap;\n font-stretch: 70% 110%;\n 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\");\n}\n@font-face {\n font-family: Myriad;\n font-weight: 300 900;\n font-style: italic;\n font-display: swap;\n font-stretch: 70% 110%;\n 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\");\n}\n:root {\n /* Couleurs */\n --couleur-blanc: #ffffff;\n --couleur-gris: #eceaeb;\n --couleur-bordeaux: #490918;\n --couleur-jaune: #ebffb8;\n --couleur-noir: #202020;\n --couleur-fond: rgb(236 234 235 / 80%);\n /* Polices */\n --police-lato: \"Lato\", sans-serif;\n --police-myriad: \"Myriad\", sans-serif;\n /* Hauteurs de ligne */\n --hauteur-ligne-classique: 1.5;\n --hauteur-ligne-rapprochee: 1;\n /* Espacements entre les lettres */\n --espacement-inter-lettres-etendu-s: 0.5px;\n --espacement-inter-lettres-etendu-m: 1px;\n --espacement-inter-lettres-etendu-l: 1.5px;\n --espacement-inter-lettres-etendu-xl: 2px;\n /* Dimensions */\n --en-tete-hauteur: 60px;\n --menu-categories-produits-hauteur: 54.39px;\n --pied-de-page-hauteur: calc(var(--espace-m) * 2 + 3lh);\n /* Espacements */\n --espace-xs: 0.25rem;\n --espace-s: 0.5rem;\n --espace-m: 1rem;\n --espace-l: 1.25rem;\n --espace-xl: 2rem;\n}\n\n/* *\n * 1. Utilise un meilleur modèle de boîte.\n */\nhtml {\n box-sizing: border-box; /* 1 */\n}\n\n/* *\n * Réinitialise avec des styles par défaut plus simples.\n *\n * 1. Hérite du modèle de boîte du document par défaut.\n * 2. Pas de marges par défaut.\n * 3. Hérite par défaut des styles de texte et de couleur.\n */\n*, *::before, *::after {\n box-sizing: inherit; /* 1 */\n margin: 0; /* 2 */\n padding: 0; /* 2 */\n font: inherit; /* 3 */\n color: inherit; /* 3 */\n}\n\n/* *\n * 1. Utilise une couleur d'arrière-plan définie.\n * 2. Utilise la couleur primaire du site.\n */\nbody {\n accent-color: var(--couleur-jaune); /* 2 */\n background: var(--couleur-gris); /* 1 */\n}\n\n/* *\n * 1. Force l'héritage des styles pour ces éléments.\n */\nbutton, input, select, textarea {\n font: inherit; /* 1 */\n}\n\n/* *\n * Change la couleur d'arrière-plan à la sélection du texte.\n */\n*::selection {\n background: var(--couleur-jaune);\n}\n\n/* Cache tout élément avec l'attribut hidden */\n[hidden] {\n display: none;\n}\n\n/* Utilise un curseur approprié pour les Éléments désactivés */\n[disabled] {\n cursor: not-allowed;\n}\n\n/* *\n * Désactive les animations pour les Utilisateurs n'en souhaitant pas.\n */\n@media (prefers-reduced-motion) {\n *, *::before, *::after {\n scroll-behavior: auto !important;\n transition: none !important;\n animation-duration: 0s !important;\n }\n}\n/* *\n * 2. Rendu spécifique du texte pour Safari/iOS.\n * 3. Rendu plus précis du texte.\n */\nhtml {\n -webkit-font-smoothing: antialiased; /* 2 */\n text-size-adjust: none; /* 2 */\n text-rendering: geometricprecision; /* 3 */\n}\n\nbody {\n font: 1rem/var(--hauteur-ligne-classique) Lato;\n font-optical-sizing: auto;\n font-kerning: normal;\n font-variant-ligatures: common-ligatures no-discretionary-ligatures no-historical-ligatures contextual;\n color: var(--couleur-noir);\n text-decoration-skip-ink: auto;\n letter-spacing: var(--espacement-inter-lettres-etendu-s);\n}\n\nstrong {\n font-weight: 600;\n}\n\nem {\n font-style: italic;\n}\n\n/* Mixins Sass */\n/* *\n * Réinitialisation des styles des