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 45d2226d..12fc92e9 100644 --- a/web/app/themes/haiku-atelier-2024/assets/css/main.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/main.css @@ -432,7 +432,7 @@ body:has(#menu-mobile:not([aria-hidden=true])) { --en-tete-section-hauteur: var(--en-tete-hauteur); --en-tete-logo-longueur: 80px; position: fixed; - z-index: 20; + z-index: 60; top: 0; display: flex; flex-flow: row nowrap; 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 f33b2b2f..65690d0d 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 @@ -1,81 +1,19 @@ @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+0, U+D, U+20-7E, U+A0-36F, U+374-375, U+37A-37E, U+384-38A, U+38C, U+38E-3A1, U+3A3-3CE, U+3D0-486, U+488-513, U+E3F, 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+0, U+D, U+20-7E, U+A0-36F, U+374-375, U+37A-37E, U+384-38A, U+38C, U+38E-3A1, U+3A3-3CE, U+3D0-486, U+488-513, U+E3F, 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 { @@ -315,6 +253,22 @@ a.lien-bouton:active { a.lien-bouton:hover { 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); + } a:not([class]):hover { text-decoration-color: var(--couleur-noir); 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 8aef5cdb..6a8a679f 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;;;;;AAIA;;;;;;;;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