From 95d7fb829a1cd363237efb87a2382aa6d178b029 Mon Sep 17 00:00:00 2001 From: gcch Date: Fri, 4 Oct 2024 22:40:01 +0200 Subject: [PATCH] 2024-10-04 --- .vscode/settings.json | 1 + composer.lock | 22 +- justfile | 8 +- package.json | 6 +- pnpm-lock.yaml | 153 +- vite.config.js | 4 +- .../haiku-atelier-2024/assets/css/main.css | 14 +- .../assets/css/main.css.map | 2 +- .../assets/css/main.min.css | 854 ++++- .../assets/css/main.min.css.map | 2 +- .../assets/css/pages/page-panier.min.css | 341 ++ .../assets/css/pages/page-panier.min.css.map | 1 + .../assets/js/.vite/manifest.json | 154 +- .../assets/js/Either.DDEPhGsy.js | 2 - .../assets/js/Either.wHNxn7Os.js | 528 +++ ...DDEPhGsy.js.map => Either.wHNxn7Os.js.map} | 2 +- .../haiku-atelier-2024/assets/js/api.js | 308 +- .../haiku-atelier-2024/assets/js/api.js.map | 2 +- .../haiku-atelier-2024/assets/js/api2.js | 18 +- .../haiku-atelier-2024/assets/js/api2.js.map | 2 +- .../assets/js/cart-add-item.js | 20 +- .../assets/js/cart-add-item.js.map | 2 +- .../assets/js/cart-remove-item.js | 9 +- .../assets/js/cart-remove-item.js.map | 2 +- .../assets/js/cart-update-item.js | 11 +- .../assets/js/cart-update-item.js.map | 2 +- .../haiku-atelier-2024/assets/js/cart.js | 62 +- .../haiku-atelier-2024/assets/js/cart.js.map | 2 +- .../haiku-atelier-2024/assets/js/cart2.js | 8 +- .../haiku-atelier-2024/assets/js/cart2.js.map | 2 +- .../assets/js/chunk-7BKSRZNG.C39W3Wne.js | 49 + .../assets/js/chunk-7BKSRZNG.C39W3Wne.js.map | 1 + .../assets/js/chunk-7BKSRZNG.F4GWJRq9.js | 2 - .../assets/js/chunk-7BKSRZNG.F4GWJRq9.js.map | 1 - .../haiku-atelier-2024/assets/js/dom.js | 39 +- .../haiku-atelier-2024/assets/js/dom.js.map | 2 +- .../haiku-atelier-2024/assets/js/dom2.js | 28 +- .../haiku-atelier-2024/assets/js/dom2.js.map | 2 +- .../haiku-atelier-2024/assets/js/erreurs.js | 72 +- .../assets/js/erreurs.js.map | 2 +- .../haiku-atelier-2024/assets/js/erreurs2.js | 17 +- .../assets/js/erreurs2.js.map | 2 +- .../assets/js/exports.CqgMoAXr.js | 3 - .../assets/js/exports.DNZBdkMD.js | 2171 ++++++++++++ ...qgMoAXr.js.map => exports.DNZBdkMD.js.map} | 2 +- .../haiku-atelier-2024/assets/js/gaffe.js | 2950 ++++++++++++++++- .../haiku-atelier-2024/assets/js/gaffe.js.map | 2 +- .../haiku-atelier-2024/assets/js/gardes.js | 10 +- .../assets/js/gardes.js.map | 2 +- .../assets/js/gestion-panier.js | 330 +- .../assets/js/gestion-panier.js.map | 2 +- .../assets/js/index.DD7qm8S6.js | 574 ++++ ....DYThEupQ.js.map => index.DD7qm8S6.js.map} | 2 +- .../assets/js/index.DYThEupQ.js | 2 - .../assets/js/index.Dxgx1GXj.js | 2 - .../assets/js/index.Dxgx1GXj.js.map | 1 - .../assets/js/index.y02cst4L.js | 265 ++ .../assets/js/index.y02cst4L.js.map | 1 + .../haiku-atelier-2024/assets/js/messages.js | 23 +- .../assets/js/messages.js.map | 2 +- .../haiku-atelier-2024/assets/js/messages2.js | 22 +- .../assets/js/messages2.js.map | 2 +- .../haiku-atelier-2024/assets/js/messages3.js | 12 +- .../assets/js/messages3.js.map | 2 +- .../haiku-atelier-2024/assets/js/reseau.js | 20 +- .../assets/js/reseau.js.map | 2 +- .../assets/js/scripts-bouton-panier.js | 30 +- .../assets/js/scripts-bouton-panier.js.map | 2 +- .../assets/js/scripts-page-panier.js | 229 +- .../assets/js/scripts-page-panier.js.map | 2 +- .../assets/js/scripts-page-produit.js | 126 +- .../assets/js/scripts-page-produit.js.map | 2 +- .../haiku-atelier-2024/assets/js/utils.js | 12 +- .../haiku-atelier-2024/assets/js/utils.js.map | 2 +- .../themes/haiku-atelier-2024/functions.php | 4 +- .../themes/haiku-atelier-2024/page-cart.php | 8 +- .../src/sass/base/_base.scss | 15 +- .../src/scripts/constantes/dom.ts | 4 +- .../src/scripts/constantes/messages.ts | 4 +- .../src/scripts/lib/messages.ts | 23 +- .../src/scripts/lib/schemas/cart.ts | 16 +- .../src/scripts/lib/schemas/messages.ts | 15 +- .../src/scripts/lib/types/messages.d.ts | 11 +- .../src/scripts/scripts-bouton-panier.ts | 8 +- .../src/scripts/scripts-page-panier.ts | 519 +-- .../src/scripts/scripts-page-produit.ts | 2 +- .../haiku-atelier-2024/views/panier.twig | 121 +- .../parts/pages/panier/panneau-panier.twig | 118 + 88 files changed, 9822 insertions(+), 616 deletions(-) create mode 100644 web/app/themes/haiku-atelier-2024/assets/css/pages/page-panier.min.css create mode 100644 web/app/themes/haiku-atelier-2024/assets/css/pages/page-panier.min.css.map delete mode 100644 web/app/themes/haiku-atelier-2024/assets/js/Either.DDEPhGsy.js create mode 100644 web/app/themes/haiku-atelier-2024/assets/js/Either.wHNxn7Os.js rename web/app/themes/haiku-atelier-2024/assets/js/{Either.DDEPhGsy.js.map => Either.wHNxn7Os.js.map} (58%) create mode 100644 web/app/themes/haiku-atelier-2024/assets/js/chunk-7BKSRZNG.C39W3Wne.js create mode 100644 web/app/themes/haiku-atelier-2024/assets/js/chunk-7BKSRZNG.C39W3Wne.js.map delete mode 100644 web/app/themes/haiku-atelier-2024/assets/js/chunk-7BKSRZNG.F4GWJRq9.js delete mode 100644 web/app/themes/haiku-atelier-2024/assets/js/chunk-7BKSRZNG.F4GWJRq9.js.map delete mode 100644 web/app/themes/haiku-atelier-2024/assets/js/exports.CqgMoAXr.js create mode 100644 web/app/themes/haiku-atelier-2024/assets/js/exports.DNZBdkMD.js rename web/app/themes/haiku-atelier-2024/assets/js/{exports.CqgMoAXr.js.map => exports.DNZBdkMD.js.map} (78%) create mode 100644 web/app/themes/haiku-atelier-2024/assets/js/index.DD7qm8S6.js rename web/app/themes/haiku-atelier-2024/assets/js/{index.DYThEupQ.js.map => index.DD7qm8S6.js.map} (94%) delete mode 100644 web/app/themes/haiku-atelier-2024/assets/js/index.DYThEupQ.js delete mode 100644 web/app/themes/haiku-atelier-2024/assets/js/index.Dxgx1GXj.js delete mode 100644 web/app/themes/haiku-atelier-2024/assets/js/index.Dxgx1GXj.js.map create mode 100644 web/app/themes/haiku-atelier-2024/assets/js/index.y02cst4L.js create mode 100644 web/app/themes/haiku-atelier-2024/assets/js/index.y02cst4L.js.map create mode 100644 web/app/themes/haiku-atelier-2024/views/parts/pages/panier/panneau-panier.twig diff --git a/.vscode/settings.json b/.vscode/settings.json index bec6eeb2..2de5077c 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -7,6 +7,7 @@ "Crell", "defini", "deplie", + "Ecoute", "ENTETE", "etats", "ETATS", diff --git a/composer.lock b/composer.lock index a42698eb..2119b1f4 100644 --- a/composer.lock +++ b/composer.lock @@ -3495,12 +3495,12 @@ "source": { "type": "git", "url": "https://github.com/Roave/SecurityAdvisories.git", - "reference": "6f63660a573ec1e6d48d54ff7c44dfb1e303f30d" + "reference": "5aa91c2f219db1bd35df0db7a24e45083b853276" }, "dist": { "type": "zip", - "url": "https://api.github.com/repos/Roave/SecurityAdvisories/zipball/6f63660a573ec1e6d48d54ff7c44dfb1e303f30d", - "reference": "6f63660a573ec1e6d48d54ff7c44dfb1e303f30d", + "url": "https://api.github.com/repos/Roave/SecurityAdvisories/zipball/5aa91c2f219db1bd35df0db7a24e45083b853276", + "reference": "5aa91c2f219db1bd35df0db7a24e45083b853276", "shasum": "" }, "conflict": { @@ -3601,7 +3601,7 @@ "concrete5/core": "<8.5.8|>=9,<9.1", "contao-components/mediaelement": ">=2.14.2,<2.21.1", "contao/comments-bundle": ">=2,<4.13.40|>=5.0.0.0-RC1-dev,<5.3.4", - "contao/contao": ">=3,<3.5.37|>=4,<4.4.56|>=4.5,<4.9.40|>=4.10,<4.11.7|>=4.13,<4.13.21|>=5.1,<5.1.4", + "contao/contao": "<=5.4.1", "contao/core": "<3.5.39", "contao/core-bundle": "<4.13.49|>=5,<5.3.15|>=5.4,<5.4.3", "contao/listing-bundle": ">=3,<=3.5.30|>=4,<4.4.8", @@ -3638,9 +3638,9 @@ "dolibarr/dolibarr": "<19.0.2", "dompdf/dompdf": "<2.0.4", "doublethreedigital/guest-entries": "<3.1.2", - "drupal/core": ">=6,<6.38|>=7,<7.96|>=8,<=11.0.4", - "drupal/core-recommended": ">=8,<=11.0.4", - "drupal/drupal": ">=5,<5.11|>=6,<6.38|>=7,<7.80|>=8,<=11.0.4", + "drupal/core": ">=6,<6.38|>=7,<7.96|>=8,<10.3.6|>=11,<11.0.5", + "drupal/core-recommended": ">=8,<10.3.6|>=11,<11.0.5", + "drupal/drupal": ">=5,<5.11|>=6,<6.38|>=7,<7.80|>=8,<10.3.6|>=11,<11.0.5", "duncanmcclean/guest-entries": "<3.1.2", "dweeves/magmi": "<=0.7.24", "ec-cube/ec-cube": "<2.4.4|>=2.11,<=2.17.1|>=3,<=3.0.18.0-patch4|>=4,<=4.1.2", @@ -3904,7 +3904,7 @@ "nzo/url-encryptor-bundle": ">=4,<4.3.2|>=5,<5.0.1", "october/backend": "<1.1.2", "october/cms": "<1.0.469|==1.0.469|==1.0.471|==1.1.1", - "october/october": "<=3.4.4", + "october/october": "<=3.6.4", "october/rain": "<1.0.472|>=1.1,<1.1.2", "october/system": "<1.0.476|>=1.1,<1.1.12|>=2,<2.2.34|>=3,<3.5.15", "omeka/omeka-s": "<4.0.3", @@ -4084,7 +4084,7 @@ "subhh/libconnect": "<7.0.8|>=8,<8.1", "sukohi/surpass": "<1", "sulu/form-bundle": ">=2,<2.5.3", - "sulu/sulu": "<1.6.44|>=2,<2.4.17|>=2.5,<2.5.13", + "sulu/sulu": "<1.6.44|>=2,<2.6.5", "sumocoders/framework-user-bundle": "<1.4", "superbig/craft-audit": "<3.0.2", "swag/paypal": "<5.4.4", @@ -4156,7 +4156,7 @@ "topthink/thinkphp": "<=3.2.3", "torrentpier/torrentpier": "<=2.4.3", "tpwd/ke_search": "<4.0.3|>=4.1,<4.6.6|>=5,<5.0.2", - "tribalsystems/zenario": "<9.5.60602", + "tribalsystems/zenario": "<=9.7.61188", "truckersmp/phpwhois": "<=4.3.1", "ttskch/pagination-service-provider": "<1", "twbs/bootstrap": "<=3.4.1|>=4,<=4.6.2", @@ -4315,7 +4315,7 @@ "type": "tidelift" } ], - "time": "2024-09-30T18:06:02+00:00" + "time": "2024-10-03T19:05:02+00:00" }, { "name": "sebastian/diff", diff --git a/justfile b/justfile index 6bc4f6a3..cc2d164b 100644 --- a/justfile +++ b/justfile @@ -40,10 +40,14 @@ build-css: "web/app/themes/haiku-atelier-2024/src/sass":"web/app/themes/haiku-atelier-2024/assets/css" pnpm lightningcss \ --bundle \ - --minify \ - --output-file "web/app/themes/haiku-atelier-2024/assets/css/main.min.css" \ --sourcemap \ + --output-file "web/app/themes/haiku-atelier-2024/assets/css/main.min.css" \ -- "web/app/themes/haiku-atelier-2024/assets/css/main.css" + pnpm lightningcss \ + --bundle \ + --sourcemap \ + --output-file "web/app/themes/haiku-atelier-2024/assets/css/pages/page-panier.min.css" \ + -- "web/app/themes/haiku-atelier-2024/assets/css/pages/page-panier.css" # Compile le CSS à chaque changement de fichier watch-css: diff --git a/package.json b/package.json index 79e36df0..18a51fe2 100644 --- a/package.json +++ b/package.json @@ -21,7 +21,7 @@ }, "devDependencies": { "@biomejs/biome": "^1.9.3", - "@eslint/js": "^9.11.1", + "@eslint/js": "^9.12.0", "@prettier/plugin-php": "^0.22.2", "@prettier/plugin-xml": "^3.4.1", "@sentry/types": "^8.33.1", @@ -30,7 +30,7 @@ "better-typescript-lib": "^2.9.0", "browserslist": "^4.24.0", "configurations-js": "git+https://git.gcch.fr/gcch/configurations-js.git", - "eslint": "^9.11.1", + "eslint": "^9.12.0", "eslint-plugin-oxlint": "^0.9.9", "eslint-plugin-perfectionist": "^3.8.0", "fdir": "^6.4.0", @@ -51,7 +51,7 @@ "typescript-eslint": "^8.8.0", "vite": "^5.4.8", "vite-plugin-manifest-sri": "^0.2.0", - "vite-plugin-valibot-env": "^0.7.0", + "vite-plugin-valibot-env": "^0.8.0", "vite-tsconfig-paths": "^5.0.1", "wp-types": "^4.66.1" }, diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 1c96f2ac..52580fae 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -31,8 +31,8 @@ importers: specifier: ^1.9.3 version: 1.9.3 '@eslint/js': - specifier: ^9.11.1 - version: 9.11.1 + specifier: ^9.12.0 + version: 9.12.0 '@prettier/plugin-php': specifier: ^0.22.2 version: 0.22.2(prettier@3.3.3) @@ -58,14 +58,14 @@ importers: specifier: git+https://git.gcch.fr/gcch/configurations-js.git version: git+https://git.gcch.fr/gcch/configurations-js.git#8041a8ac7398dd2255920bbb61ff782670bd13f2 eslint: - specifier: ^9.11.1 - version: 9.11.1 + specifier: ^9.12.0 + version: 9.12.0 eslint-plugin-oxlint: specifier: ^0.9.9 version: 0.9.9 eslint-plugin-perfectionist: specifier: ^3.8.0 - version: 3.8.0(eslint@9.11.1)(typescript@5.6.2) + version: 3.8.0(eslint@9.12.0)(typescript@5.6.2) fdir: specifier: ^6.4.0 version: 6.4.0(picomatch@4.0.2) @@ -113,7 +113,7 @@ importers: version: 5.6.2 typescript-eslint: specifier: ^8.8.0 - version: 8.8.0(eslint@9.11.1)(typescript@5.6.2) + version: 8.8.0(eslint@9.12.0)(typescript@5.6.2) vite: specifier: ^5.4.8 version: 5.4.8(@types/node@22.7.4)(sass@1.79.4) @@ -121,8 +121,8 @@ importers: specifier: ^0.2.0 version: 0.2.0 vite-plugin-valibot-env: - specifier: ^0.7.0 - version: 0.7.0(valibot@1.0.0-beta.0(typescript@5.6.2))(vite@5.4.8(@types/node@22.7.4)(sass@1.79.4)) + specifier: ^0.8.0 + version: 0.8.0(valibot@1.0.0-beta.0(typescript@5.6.2))(vite@5.4.8(@types/node@22.7.4)(sass@1.79.4)) vite-tsconfig-paths: specifier: ^5.0.1 version: 5.0.1(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(sass@1.79.4)) @@ -463,8 +463,8 @@ packages: resolution: {integrity: sha512-4Bfj15dVJdoy3RfZmmo86RK1Fwzn6SstsvK9JS+BaVKqC6QQQQyXekNaC+g+LKNgkQ+2VhGAzm6hO40AhMR3zQ==} engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} - '@eslint/js@9.11.1': - resolution: {integrity: sha512-/qu+TWz8WwPWc7/HcIJKi+c+MOm46GdVaSlTTQcaqaL53+GsoA6MxWp5PtTx48qbSP7ylM1Kn7nhvkugfJvRSA==} + '@eslint/js@9.12.0': + resolution: {integrity: sha512-eohesHH8WFRUprDNyEREgqP6beG6htMeUYeCpkEgBCieCMme5r9zFWjzAJp//9S+Kub4rqE+jXe9Cp1a7IYIIA==} engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} '@eslint/object-schema@2.1.4': @@ -475,12 +475,20 @@ packages: resolution: {integrity: sha512-vH9PiIMMwvhCx31Af3HiGzsVNULDbyVkHXwlemn/B0TFj/00ho3y55efXrUZTfQipxoHC5u4xq6zblww1zm1Ig==} engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + '@humanfs/core@0.19.0': + resolution: {integrity: sha512-2cbWIHbZVEweE853g8jymffCA+NCMiuqeECeBBLm8dg2oFdjuGJhgN4UAbI+6v0CKbbhvtXA4qV8YR5Ji86nmw==} + engines: {node: '>=18.18.0'} + + '@humanfs/node@0.16.5': + resolution: {integrity: sha512-KSPA4umqSG4LHYRodq31VDwKAvaTF4xmVlzM8Aeh4PlU1JQ3IG0wiA8C25d3RQ9nJyM3mBHyI53K06VVL/oFFg==} + engines: {node: '>=18.18.0'} + '@humanwhocodes/module-importer@1.0.1': resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==} engines: {node: '>=12.22'} - '@humanwhocodes/retry@0.3.0': - resolution: {integrity: sha512-d2CGZR2o7fS6sWB7DG/3a95bGKQyHMACZ5aW8qGkkqQpUoZV6C0X7Pc7l4ZNMZkfNBf4VWNe9E1jRsf0G146Ew==} + '@humanwhocodes/retry@0.3.1': + resolution: {integrity: sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==} engines: {node: '>=18.18'} '@mole-inc/bin-wrapper@8.0.1': @@ -765,8 +773,8 @@ packages: resolution: {integrity: sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==} engines: {node: '>=10'} - '@stylistic/stylelint-plugin@3.1.0': - resolution: {integrity: sha512-NU2XR6i1x163KdyDj3zqblA13890fBzHNZYqZ13aor/sB3Yq8kU/0NKCudv5pfl9Kb/UAteo/D7vKMHtaror/A==} + '@stylistic/stylelint-plugin@3.1.1': + resolution: {integrity: sha512-XagAHHIa528EvyGybv8EEYGK5zrVW74cHpsjhtovVATbhDRuJYfE+X4HCaAieW9lCkwbX6L+X0I4CiUG3w/hFw==} engines: {node: ^18.12 || >=20.9} peerDependencies: stylelint: ^16.8.0 @@ -1047,8 +1055,8 @@ packages: resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==} engines: {node: '>=6'} - caniuse-lite@1.0.30001666: - resolution: {integrity: sha512-gD14ICmoV5ZZM1OdzPWmpx+q4GyefaK06zi8hmfHV5xe4/2nOQX3+Dw5o+fSqOws2xVwL9j+anOPFwHzdEdV4g==} + caniuse-lite@1.0.30001667: + resolution: {integrity: sha512-7LTwJjcRkzKFmtqGsibMeuXmvFDfZq/nzIjnmgCGzKKRVzjD72selLDK1oPF/Oxzmt4fNcPvTDvGqSDG4tCALw==} chalk@2.4.2: resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==} @@ -1152,8 +1160,8 @@ packages: resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==} engines: {node: '>=8'} - electron-to-chromium@1.5.31: - resolution: {integrity: sha512-QcDoBbQeYt0+3CWcK/rEbuHvwpbT/8SV9T3OSgs6cX1FlcUAkgrkqbg9zLnDrMM/rLamzQwal4LYFCiWk861Tg==} + electron-to-chromium@1.5.32: + resolution: {integrity: sha512-M+7ph0VGBQqqpTT2YrabjNKSQ2fEl9PVx6AK3N558gDH9NO8O6XN9SXXFWRo9u9PbEg/bWq+tjXQr+eXmxubCw==} emoji-regex@8.0.0: resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==} @@ -1223,8 +1231,8 @@ packages: resolution: {integrity: sha512-Q7lok0mqMUSf5a/AdAZkA5a/gHcO6snwQClVNNvFKCAVlxXucdU8pKydU5ZVZjBx5xr37vGbFFWtLQYreLzrZg==} engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} - eslint@9.11.1: - resolution: {integrity: sha512-MobhYKIoAO1s1e4VUrgx1l1Sk2JBR/Gqjjgw8+mfgoLE2xwsHur4gdfTxyTgShrhvdVFTaJSgMiQBl1jv/AWxg==} + eslint@9.12.0: + resolution: {integrity: sha512-UVIOlTEWxwIopRL1wgSQYdnVDcEvs2wyaO6DGo5mXqe3r16IoCNWkR29iHhyaP4cICWjbgbmFUGAhh0GJRuGZw==} engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} hasBin: true peerDependencies: @@ -1471,10 +1479,6 @@ packages: resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==} engines: {node: '>=0.12.0'} - is-path-inside@3.0.3: - resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==} - engines: {node: '>=8'} - is-plain-obj@1.1.0: resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==} engines: {node: '>=0.10.0'} @@ -1736,8 +1740,8 @@ packages: postcss-resolve-nested-selector@0.1.6: resolution: {integrity: sha512-0sglIs9Wmkzbr8lQwEyIzlDOOC9bGmfVKcJTaxv3vMmd3uo4o4DerC3En0bnmgceeql9BfC8hRkp7cg0fjdVqw==} - postcss-safe-parser@7.0.0: - resolution: {integrity: sha512-ovehqRNVCpuFzbXoTb4qLtyzK3xn3t/CUBxOs8LsnQjQrShaB4lKiHoVqY8ANaC0hBMHq5QVWk77rwGklFUDrg==} + postcss-safe-parser@7.0.1: + resolution: {integrity: sha512-0AioNCJZ2DPYz5ABT6bddIqlhgwhpHZ/l65YAYo0BCIn0xiDpsnTHz0gnoTGk0OXZW0JRs+cDwL8u/teRdz+8A==} engines: {node: '>=18.0'} peerDependencies: postcss: ^8.4.31 @@ -1813,8 +1817,8 @@ packages: resolution: {integrity: sha512-ePeK6cc1EcKLEhJFt/AebMCLL+GgSKhuygrZ/GLaKZYEecIgIECf4UaUuaByiGtzckwR4ain9VzUh95T1exYGw==} engines: {node: '>=8'} - readdirp@4.0.1: - resolution: {integrity: sha512-GkMg9uOTpIWWKbSsgwb5fA4EavTR+SG/PMPoAY8hkhHfEEY0/vqljY+XHqtDf2cr2IJtoNRDbrrEpZUiZCkYRw==} + readdirp@4.0.2: + resolution: {integrity: sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==} engines: {node: '>= 14.16.0'} regexp-to-ast@0.5.0: @@ -2142,8 +2146,8 @@ packages: vite-plugin-manifest-sri@0.2.0: resolution: {integrity: sha512-Zt5jt19xTIJ91LOuQTCtNG7rTFc5OziAjBz2H5NdCGqaOD1nxrWExLhcKW+W4/q8/jOPCg/n5ncYEQmqCxiGQQ==} - vite-plugin-valibot-env@0.7.0: - resolution: {integrity: sha512-ZWOotDNSaaS2imljDofr+sIjA/lMgDXP9Sp5u6zRYbN5s4YF6g70xnHq8Dv/jLBdy/qDms/ZaA/KI4gQgwUojw==} + vite-plugin-valibot-env@0.8.0: + resolution: {integrity: sha512-uMxgu7qpR/nJlVrOCTvxXSc6KnWAxT4eqINenPvHau6kHuIdHO3N7eQlffUKKZNMWqbuM9MURv4dTAZVLTPYzQ==} engines: {node: '>=18.0.0'} peerDependencies: valibot: '>=0.30 <0.43 || 1.0.0-beta.0' @@ -2427,9 +2431,9 @@ snapshots: '@esbuild/win32-x64@0.21.5': optional: true - '@eslint-community/eslint-utils@4.4.0(eslint@9.11.1)': + '@eslint-community/eslint-utils@4.4.0(eslint@9.12.0)': dependencies: - eslint: 9.11.1 + eslint: 9.12.0 eslint-visitor-keys: 3.4.3 '@eslint-community/regexpp@4.11.1': {} @@ -2458,7 +2462,7 @@ snapshots: transitivePeerDependencies: - supports-color - '@eslint/js@9.11.1': {} + '@eslint/js@9.12.0': {} '@eslint/object-schema@2.1.4': {} @@ -2466,9 +2470,16 @@ snapshots: dependencies: levn: 0.4.1 + '@humanfs/core@0.19.0': {} + + '@humanfs/node@0.16.5': + dependencies: + '@humanfs/core': 0.19.0 + '@humanwhocodes/retry': 0.3.1 + '@humanwhocodes/module-importer@1.0.1': {} - '@humanwhocodes/retry@0.3.0': {} + '@humanwhocodes/retry@0.3.1': {} '@mole-inc/bin-wrapper@8.0.1': dependencies: @@ -2693,7 +2704,7 @@ snapshots: '@sindresorhus/is@4.6.0': {} - '@stylistic/stylelint-plugin@3.1.0(stylelint@16.9.0(typescript@5.6.2))': + '@stylistic/stylelint-plugin@3.1.1(stylelint@16.9.0(typescript@5.6.2))': dependencies: '@csstools/css-parser-algorithms': 3.0.1(@csstools/css-tokenizer@3.0.1) '@csstools/css-tokenizer': 3.0.1 @@ -2809,15 +2820,15 @@ snapshots: dependencies: '@types/node': 22.7.4 - '@typescript-eslint/eslint-plugin@8.8.0(@typescript-eslint/parser@8.8.0(eslint@9.11.1)(typescript@5.6.2))(eslint@9.11.1)(typescript@5.6.2)': + '@typescript-eslint/eslint-plugin@8.8.0(@typescript-eslint/parser@8.8.0(eslint@9.12.0)(typescript@5.6.2))(eslint@9.12.0)(typescript@5.6.2)': dependencies: '@eslint-community/regexpp': 4.11.1 - '@typescript-eslint/parser': 8.8.0(eslint@9.11.1)(typescript@5.6.2) + '@typescript-eslint/parser': 8.8.0(eslint@9.12.0)(typescript@5.6.2) '@typescript-eslint/scope-manager': 8.8.0 - '@typescript-eslint/type-utils': 8.8.0(eslint@9.11.1)(typescript@5.6.2) - '@typescript-eslint/utils': 8.8.0(eslint@9.11.1)(typescript@5.6.2) + '@typescript-eslint/type-utils': 8.8.0(eslint@9.12.0)(typescript@5.6.2) + '@typescript-eslint/utils': 8.8.0(eslint@9.12.0)(typescript@5.6.2) '@typescript-eslint/visitor-keys': 8.8.0 - eslint: 9.11.1 + eslint: 9.12.0 graphemer: 1.4.0 ignore: 5.3.2 natural-compare: 1.4.0 @@ -2827,14 +2838,14 @@ snapshots: transitivePeerDependencies: - supports-color - '@typescript-eslint/parser@8.8.0(eslint@9.11.1)(typescript@5.6.2)': + '@typescript-eslint/parser@8.8.0(eslint@9.12.0)(typescript@5.6.2)': dependencies: '@typescript-eslint/scope-manager': 8.8.0 '@typescript-eslint/types': 8.8.0 '@typescript-eslint/typescript-estree': 8.8.0(typescript@5.6.2) '@typescript-eslint/visitor-keys': 8.8.0 debug: 4.3.7 - eslint: 9.11.1 + eslint: 9.12.0 optionalDependencies: typescript: 5.6.2 transitivePeerDependencies: @@ -2845,10 +2856,10 @@ snapshots: '@typescript-eslint/types': 8.8.0 '@typescript-eslint/visitor-keys': 8.8.0 - '@typescript-eslint/type-utils@8.8.0(eslint@9.11.1)(typescript@5.6.2)': + '@typescript-eslint/type-utils@8.8.0(eslint@9.12.0)(typescript@5.6.2)': dependencies: '@typescript-eslint/typescript-estree': 8.8.0(typescript@5.6.2) - '@typescript-eslint/utils': 8.8.0(eslint@9.11.1)(typescript@5.6.2) + '@typescript-eslint/utils': 8.8.0(eslint@9.12.0)(typescript@5.6.2) debug: 4.3.7 ts-api-utils: 1.3.0(typescript@5.6.2) optionalDependencies: @@ -2874,13 +2885,13 @@ snapshots: transitivePeerDependencies: - supports-color - '@typescript-eslint/utils@8.8.0(eslint@9.11.1)(typescript@5.6.2)': + '@typescript-eslint/utils@8.8.0(eslint@9.12.0)(typescript@5.6.2)': dependencies: - '@eslint-community/eslint-utils': 4.4.0(eslint@9.11.1) + '@eslint-community/eslint-utils': 4.4.0(eslint@9.12.0) '@typescript-eslint/scope-manager': 8.8.0 '@typescript-eslint/types': 8.8.0 '@typescript-eslint/typescript-estree': 8.8.0(typescript@5.6.2) - eslint: 9.11.1 + eslint: 9.12.0 transitivePeerDependencies: - supports-color - typescript @@ -2989,8 +3000,8 @@ snapshots: browserslist@4.24.0: dependencies: - caniuse-lite: 1.0.30001666 - electron-to-chromium: 1.5.31 + caniuse-lite: 1.0.30001667 + electron-to-chromium: 1.5.32 node-releases: 2.0.18 update-browserslist-db: 1.1.1(browserslist@4.24.0) @@ -3008,7 +3019,7 @@ snapshots: callsites@3.1.0: {} - caniuse-lite@1.0.30001666: {} + caniuse-lite@1.0.30001667: {} chalk@2.4.2: dependencies: @@ -3027,7 +3038,7 @@ snapshots: chokidar@4.0.1: dependencies: - readdirp: 4.0.1 + readdirp: 4.0.2 clone-response@1.0.3: dependencies: @@ -3103,7 +3114,7 @@ snapshots: dependencies: path-type: 4.0.0 - electron-to-chromium@1.5.31: {} + electron-to-chromium@1.5.32: {} emoji-regex@8.0.0: {} @@ -3155,11 +3166,11 @@ snapshots: dependencies: scule: 1.3.0 - eslint-plugin-perfectionist@3.8.0(eslint@9.11.1)(typescript@5.6.2): + eslint-plugin-perfectionist@3.8.0(eslint@9.12.0)(typescript@5.6.2): dependencies: '@typescript-eslint/types': 8.8.0 - '@typescript-eslint/utils': 8.8.0(eslint@9.11.1)(typescript@5.6.2) - eslint: 9.11.1 + '@typescript-eslint/utils': 8.8.0(eslint@9.12.0)(typescript@5.6.2) + eslint: 9.12.0 minimatch: 9.0.5 natural-compare-lite: 1.4.0 transitivePeerDependencies: @@ -3175,18 +3186,18 @@ snapshots: eslint-visitor-keys@4.1.0: {} - eslint@9.11.1: + eslint@9.12.0: dependencies: - '@eslint-community/eslint-utils': 4.4.0(eslint@9.11.1) + '@eslint-community/eslint-utils': 4.4.0(eslint@9.12.0) '@eslint-community/regexpp': 4.11.1 '@eslint/config-array': 0.18.0 '@eslint/core': 0.6.0 '@eslint/eslintrc': 3.1.0 - '@eslint/js': 9.11.1 + '@eslint/js': 9.12.0 '@eslint/plugin-kit': 0.2.0 + '@humanfs/node': 0.16.5 '@humanwhocodes/module-importer': 1.0.1 - '@humanwhocodes/retry': 0.3.0 - '@nodelib/fs.walk': 1.2.8 + '@humanwhocodes/retry': 0.3.1 '@types/estree': 1.0.6 '@types/json-schema': 7.0.15 ajv: 6.12.6 @@ -3206,13 +3217,11 @@ snapshots: ignore: 5.3.2 imurmurhash: 0.1.4 is-glob: 4.0.3 - is-path-inside: 3.0.3 json-stable-stringify-without-jsonify: 1.0.1 lodash.merge: 4.6.2 minimatch: 3.1.2 natural-compare: 1.4.0 optionator: 0.9.4 - strip-ansi: 6.0.1 text-table: 0.2.0 transitivePeerDependencies: - supports-color @@ -3449,8 +3458,6 @@ snapshots: is-number@7.0.0: {} - is-path-inside@3.0.3: {} - is-plain-obj@1.1.0: {} is-plain-object@5.0.0: {} @@ -3656,7 +3663,7 @@ snapshots: postcss-resolve-nested-selector@0.1.6: {} - postcss-safe-parser@7.0.0(postcss@8.4.47): + postcss-safe-parser@7.0.1(postcss@8.4.47): dependencies: postcss: 8.4.47 @@ -3722,7 +3729,7 @@ snapshots: dependencies: readable-stream: 3.6.2 - readdirp@4.0.1: {} + readdirp@4.0.2: {} regexp-to-ast@0.5.0: {} @@ -3881,7 +3888,7 @@ snapshots: stylelint-config-sass-guidelines@12.1.0(postcss@8.4.47)(stylelint@16.9.0(typescript@5.6.2)): dependencies: - '@stylistic/stylelint-plugin': 3.1.0(stylelint@16.9.0(typescript@5.6.2)) + '@stylistic/stylelint-plugin': 3.1.1(stylelint@16.9.0(typescript@5.6.2)) postcss: 8.4.47 postcss-scss: 4.0.9(postcss@8.4.47) stylelint: 16.9.0(typescript@5.6.2) @@ -3956,7 +3963,7 @@ snapshots: picocolors: 1.1.0 postcss: 8.4.47 postcss-resolve-nested-selector: 0.1.6 - postcss-safe-parser: 7.0.0(postcss@8.4.47) + postcss-safe-parser: 7.0.1(postcss@8.4.47) postcss-selector-parser: 6.1.2 postcss-value-parser: 4.2.0 resolve-from: 5.0.0 @@ -4026,11 +4033,11 @@ snapshots: type-fest@4.26.1: {} - typescript-eslint@8.8.0(eslint@9.11.1)(typescript@5.6.2): + typescript-eslint@8.8.0(eslint@9.12.0)(typescript@5.6.2): dependencies: - '@typescript-eslint/eslint-plugin': 8.8.0(@typescript-eslint/parser@8.8.0(eslint@9.11.1)(typescript@5.6.2))(eslint@9.11.1)(typescript@5.6.2) - '@typescript-eslint/parser': 8.8.0(eslint@9.11.1)(typescript@5.6.2) - '@typescript-eslint/utils': 8.8.0(eslint@9.11.1)(typescript@5.6.2) + '@typescript-eslint/eslint-plugin': 8.8.0(@typescript-eslint/parser@8.8.0(eslint@9.12.0)(typescript@5.6.2))(eslint@9.12.0)(typescript@5.6.2) + '@typescript-eslint/parser': 8.8.0(eslint@9.12.0)(typescript@5.6.2) + '@typescript-eslint/utils': 8.8.0(eslint@9.12.0)(typescript@5.6.2) optionalDependencies: typescript: 5.6.2 transitivePeerDependencies: @@ -4059,7 +4066,7 @@ snapshots: vite-plugin-manifest-sri@0.2.0: {} - vite-plugin-valibot-env@0.7.0(valibot@1.0.0-beta.0(typescript@5.6.2))(vite@5.4.8(@types/node@22.7.4)(sass@1.79.4)): + vite-plugin-valibot-env@0.8.0(valibot@1.0.0-beta.0(typescript@5.6.2))(vite@5.4.8(@types/node@22.7.4)(sass@1.79.4)): dependencies: kleur: 4.1.5 log-symbols: 7.0.0 diff --git a/vite.config.js b/vite.config.js index 8a2694b1..ceb29d9b 100644 --- a/vite.config.js +++ b/vite.config.js @@ -27,7 +27,7 @@ export default defineConfig({ emptyOutDir: true, /* Génère un fichier manifeste dans outDir */ manifest: true, - minify: true, + minify: false, outDir: resolve("./web/app/themes/haiku-atelier-2024/assets/js"), reportCompressedSize: true, rollupOptions: { @@ -35,7 +35,7 @@ export default defineConfig({ output: { assetFileNames: "[name][extname]", chunkFileNames: "[name].[hash].js", - compact: true, + compact: false, entryFileNames: "[name].js", validate: true, }, 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 c33ae2d7..452954d1 100644 --- a/web/app/themes/haiku-atelier-2024/assets/css/main.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/main.css @@ -132,21 +132,21 @@ html { /** * 1. Utilise une couleur d'arrière-plan définie. + * 2. Utilise la couleur primaire du site. */ body { + accent-color: var(--couleur-jaune); /* 2 */ background: var(--couleur-gris); /* 1 */ } /** * 1. Force l'héritage des styles pour ces éléments. - * 2. Utilise la couleur primaire du site. */ button, input, select, textarea { font: inherit; /* 1 */ - accent-color: var(--couleur-jaune); /* 2 */ } /** @@ -156,6 +156,16 @@ textarea { background: var(--couleur-jaune); } +/** + * Désactive les animations pour les Utilisateurs n'en souhaitant pas. + */ +@media (prefers-reduced-motion) { + *, *::before, *::after { + scroll-behavior: auto !important; + transition: none !important; + animation-duration: 0s !important; + } +} /** * 2. Rendu spécifique du texte pour Safari/iOS. * 3. Rendu plus précis du texte. 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 0e8edc44..3ac48660 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/_images.scss","../../src/sass/base/elements/_liens.scss","../../src/sass/base/elements/_listes.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;;AAIJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAIJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAIJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAIJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAIJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAIJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAIJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAIJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAIJ;EACE;EACA;EACA;EACA;EACA,KACE;;AChGJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;AChBJ;AACE;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;;;ACnBF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;;;ACjDF;AAAA;AAAA;AAAA;AAIA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;ACrBF;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;ACfJ;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;;;ACbF;AAAA;AAAA;AAAA;AAAA;AAKA;AACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA,YACE,kHAK4B;EAE9B;AAEA;AAMA;AAAA;AAAA;;AALA;EAEE;;AAMF;AACE;EACA;EACA;AAEA;EACA;EAEA;EACA;AAEA;AAMA;AAKA;;AAVA;EAEE;;AAIF;EACE;;AAIF;EACE;IACE;;;AAMJ;EACE;IACE;;;;AClER;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAMA;AACE;EACA;AAEA;EACA;AAEA;EACA;;AAEA;EACE;EACA,qLAEkE;;;AC5BxE;AACE;EACA;EACA;AAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAWA;;AATA;EACE;;AAEA;AAAA;EAEE;;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;EACA;;AAGF;EACE;;AAGF;EACE;IACE;;;AAMR;EACE;EACA;EACA;EACA;EACA;AAEA;AAAA;AAAA;;AAGA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;;ACvGR;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACE;EACA;EACA;AAEA;EACA;EACA;EAEA;EACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAOA;EACE;EACA;EACA;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;EAEE;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;EACA;;AAEA;EACE;EACA;;;AC3FN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACE;EAEA;EAGA;EACA;EAGA;EAEA;EACA;EACA;EACA;EACA;AAuGA;AAyGA;;AA9MA;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;;AAGF;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;;;AC3QJ;EACE;EACA;EACA;EACA,qBACE;EAEF;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;;;AC7FZ;AAAA;AAAA;AAGA;AACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;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/_images.scss","../../src/sass/base/elements/_liens.scss","../../src/sass/base/elements/_listes.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;;AAIJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAIJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAIJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAIJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAIJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAIJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAIJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAIJ;EACE;EACA;EACA;EACA;EACA,KACE;;AAIJ;EACE;EACA;EACA;EACA;EACA,KACE;;AChGJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;AChBJ;AACE;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;;;ACnBF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAIA;EACE;EACA;;;AAGF;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;IACE;IACA;IACA;;;AC3DJ;AAAA;AAAA;AAAA;AAIA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;ACrBF;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;ACfJ;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;;;ACbF;AAAA;AAAA;AAAA;AAAA;AAKA;AACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA,YACE,kHAK4B;EAE9B;AAEA;AAMA;AAAA;AAAA;;AALA;EAEE;;AAMF;AACE;EACA;EACA;AAEA;EACA;EAEA;EACA;AAEA;AAMA;AAKA;;AAVA;EAEE;;AAIF;EACE;;AAIF;EACE;IACE;;;AAMJ;EACE;IACE;;;;AClER;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAMA;AACE;EACA;AAEA;EACA;AAEA;EACA;;AAEA;EACE;EACA,qLAEkE;;;AC5BxE;AACE;EACA;EACA;AAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAWA;;AATA;EACE;;AAEA;AAAA;EAEE;;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;EACA;;AAGF;EACE;;AAGF;EACE;IACE;;;AAMR;EACE;EACA;EACA;EACA;EACA;AAEA;AAAA;AAAA;;AAGA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;;ACvGR;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACE;EACA;EACA;AAEA;EACA;EACA;EAEA;EACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAOA;EACE;EACA;EACA;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;EAEE;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;EACA;;AAEA;EACE;EACA;;;AC3FN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACE;EAEA;EAGA;EACA;EAGA;EAEA;EACA;EACA;EACA;EACA;AAuGA;AAyGA;;AA9MA;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;;AAGF;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;;;AC3QJ;EACE;EACA;EACA;EACA,qBACE;EAEF;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;;;AC7FZ;AAAA;AAAA;AAGA;AACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;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 a1a86293..33875d5d 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,2 +1,854 @@ -@font-face{font-family:Lato;font-weight:100;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")}@font-face{font-family:Lato;font-weight:100;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")}@font-face{font-family:Myriad;font-weight:300 900;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")}@font-face{font-family:Myriad;font-weight:300 900;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")}:root{--couleur-blanc:#fff;--couleur-gris:#eceaeb;--couleur-bordeaux:#490918;--couleur-jaune:#ebffb8;--couleur-noir:#202020;--police-lato:"Lato",sans-serif;--police-myriad:"Myriad",sans-serif;--en-tete-hauteur:60px;--menu-categories-produits-hauteur:54.39px;--espace-xs:.25rem;--espace-s:.5rem;--espace-m:1rem;--espace-l:1.25rem;--espace-xl:2rem}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit;font:inherit;color:inherit;margin:0;padding:0}body{background:var(--couleur-gris)}button,input,select,textarea{font:inherit;accent-color:var(--couleur-jaune)}::selection{background:var(--couleur-jaune)}html{-webkit-font-smoothing:antialiased;text-size-adjust:none;text-rendering:geometricprecision}body{font-optical-sizing:auto;font-kerning:normal;font-variant-ligatures:common-ligatures no-discretionary-ligatures no-historical-ligatures contextual;color:var(--couleur-noir);text-decoration-skip-ink:auto;letter-spacing:.5px;font:1rem/1.4 Lato}em{font-style:italic}button{all:initial;cursor:pointer;font:inherit;text-align:center}button.bouton-case-pleine{width:100%;height:100%}button[disabled]{cursor:not-allowed}img,picture{max-width:100%;display:block}img{object-fit:cover;background:var(--couleur-jaune)}a{--lien-contour-couleur-focus:var(--couleur-noir);text-decoration-skip-ink:auto;outline-offset:initial;text-decoration-skip:edges;outline:1px solid #0000;text-decoration:underline #0000;transition:color .2s,font-weight .2s,background .2s,outline-color .2s,border-color .2s,text-decoration-color .2s}a:focus,a:focus-visible{outline-color:var(--lien-contour-couleur-focus)}a.lien-bouton{--lien-bouton-marges-internes-bloc:var(--espace-xs);--lien-bouton-marges-internes-ligne:var(--espace-m);--lien-bouton-arriere-plan-couleur-survol:var(--couleur-jaune);padding:var(--lien-bouton-marges-internes-bloc)var(--lien-bouton-marges-internes-ligne);border:1px solid var(--couleur-noir)}a.lien-bouton:focus,a.lien-bouton:focus-visible{background:var(--lien-bouton-arriere-plan-couleur-survol)}a.lien-bouton:active{border-color:var(--lien-bouton-arriere-plan-couleur-survol)}@media (hover:hover){a.lien-bouton:hover{background:var(--lien-bouton-arriere-plan-couleur-survol)}a:not([class]):hover{text-decoration-color:var(--couleur-noir)}}ul{list-style:none}ul.avec-puce-cercle{--liste-puce-cercle-lien-marges-internes-ligne-debut:2ch;--liste-puce-cercle-puce-position-horizontale:1ch;--liste-puce-cercle-puce-taille:1.25ex}ul.avec-puce-cercle a{padding-left:var(--liste-puce-cercle-lien-marges-internes-ligne-debut);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)}#en-tete{--en-tete-marges-internes-ligne:var(--espace-xl);--en-tete-marges-internes-bloc:var(--espace-m);--en-tete-section-hauteur:var(--en-tete-hauteur);--en-tete-logo-longueur:80px;z-index:20;height:var(--en-tete-hauteur);padding:var(--en-tete-marges-internes-bloc)var(--en-tete-marges-internes-ligne);background:var(--couleur-gris);flex-flow:row;justify-content:space-between;place-items:center;min-width:100vw;max-width:100vw;font-size:1.1rem;display:flex;position:fixed;top:0}#en-tete .logo{width:var(--en-tete-logo-longueur)}#en-tete .logo picture,#en-tete .logo img{background:0 0}#en-tete .menu-navigation{text-align:center;text-transform:lowercase;flex:1;grid-template-columns:1fr auto 1fr;display:grid}#en-tete .menu-navigation ul{gap:var(--espace-m);flex-flow:row;grid-column:2;justify-content:space-between;display:flex}#en-tete .menu-navigation__entree{--nav-entree-marges-internes-bloc:var(--espace-xs);--nav-entree-marges-internes-ligne:3rem;--liste-puce-cercle-lien-marges-internes-ligne-debut:calc(var(--espace-m) + 1.5ch);--liste-puce-cercle-puce-position-horizontale:3.5ch}#en-tete .menu-navigation__entree a{padding:var(--nav-entree-marges-internes-bloc)var(--nav-entree-marges-internes-ligne);text-align:center;display:inline-block}#en-tete .menu-navigation__entree--courante{background:url(/app/themes/haiku-atelier-2024/assets/img/icons/cloud.svg) 50%/auto 90% no-repeat}@media (hover:hover){#en-tete .menu-navigation__entree:hover{background:url(/app/themes/haiku-atelier-2024/assets/img/icons/cloud.svg) 50%/auto 90% no-repeat}}#en-tete .compte-panier{text-align:center;flex-flow:row;place-items:center;gap:1rem;display:flex}#en-tete .compte-panier a{text-transform:lowercase;min-width:9ch}#en-tete .compte-panier a.lien-compte{border-color:#0000}#en-tete .compte-panier a[data-contient-articles=true]{background:var(--couleur-jaune)}#menu-categories-produits{--menu-entree-longueur-minimale:13ch;--menu-section-hauteur:var(--menu-categories-produits-hauteur);--menu-section-marges-bloc-debut:var(--en-tete-hauteur);--menu-entree-marges-internes-ligne:var(--espace-m);height:var(--menu-section-hauteur);margin-top:var(--menu-section-marges-bloc-debut)}#menu-categories-produits ul{grid-template-columns:repeat(auto-fit,minmax(var(--menu-entree-longueur-minimale),1fr));place-items:center;display:grid}#menu-categories-produits ul li{color:var(--couleur-gris);text-align:center;text-transform:uppercase;letter-spacing:1px;background:var(--couleur-noir);width:100%;font-style:italic;font-weight:450}#menu-categories-produits ul li.categorie-courante a{color:var(--couleur-jaune)}#menu-categories-produits ul li:active a{font-weight:500}#menu-categories-produits ul li a{width:inherit;padding:var(--menu-entree-marges-internes-ligne)0;border-right:1px solid var(--couleur-gris);border-left:1px solid var(--couleur-gris);outline:initial;display:inline-block}#menu-categories-produits ul li a:focus,#menu-categories-produits ul li a:focus-visible{color:var(--couleur-jaune);outline:initial}@media (hover:hover){#menu-categories-produits ul li a:hover{color:var(--couleur-jaune);outline:initial}}#menu-categories-produits ul li:first-of-type a{border-left:initial}#menu-categories-produits ul li:last-of-type a{border-right:initial}.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));--section-marges-externes-bloc-fin:1rem;flex-flow:wrap;max-width:100%;display:flex}.photos-produit>section{flex-flow:column;width:50%;display:flex;position:relative}.photos-produit>section.colonne-gauche{top:var(--colonne-gauche-position-haut);height:var(--colonne-gauche-photo-hauteur);position:sticky}.photos-produit>section.colonne-gauche figure,.photos-produit>section.colonne-gauche picture,.photos-produit>section.colonne-gauche img{height:100%}.photos-produit>section.colonne-droite figure picture img:only-child{min-height:var(--colonne-droite-photo-hauteur-minimale);max-height:var(--colonne-droite-photo-hauteur-minimale)}.grille-produits{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:1px;display:grid}.grille-produits article{box-shadow:0 0 0 1px var(--couleur-noir)}.grille-produits article figure{flex-flow:column;row-gap:2rem;padding:1rem;display:flex}.grille-produits article figure a{position:relative}@media (hover:hover){.grille-produits article figure a:hover .produit__illustration__survol{visibility:visible;opacity:1;transition:opacity .3s,visibility .3s}}.grille-produits article figure .produit__illustration__principale{display:block}.grille-produits article figure .produit__illustration__survol{visibility:hidden;opacity:0;width:100%;height:100%;transition:opacity .15s,visibility .15s;display:block;position:absolute;top:0;left:0}.grille-produits article figure img{aspect-ratio:9/16;object-fit:cover;width:100%;max-height:70vh}.grille-produits article figure figcaption{flex-flow:row;justify-content:space-between;margin-bottom:2rem;display:flex}.grille-produits article figure figcaption h3{letter-spacing:1px;font-style:italic}.grille-produits article figure figcaption p{letter-spacing:-.5px;font-weight:500}.grille-produits__aucun-produit{min-height:calc(100vh - var(--menu-categories-produits-hauteur) - var(--en-tete-hauteur) - 105px);text-align:center;grid-column:span 3;align-content:center}.grille-produits__aucun-produit p+p{margin-top:var(--espace-l);font-size:1.25rem}.informations-produit{--boite-couleur-fond:#ffffffe6;--boite-position-basse:1rem;--boite-longueur:70ch;--section-marges-internes:1rem;bottom:var(--boite-position-basse);width:0;height:0;position:sticky;overflow:visible}.informations-produit__conteneur{transform:translate(calc(50vw - var(--boite-longueur)/2),-100%);width:var(--boite-longueur);max-width:var(--boite-longueur);border:1px solid var(--couleur-noir);display:grid}.informations-produit__conteneur>section{padding:var(--section-marges-internes);background:var(--boite-couleur-fond);flex-flow:row;height:100%;display:flex}.informations-produit__conteneur>section+section{border-top:1px solid var(--couleur-noir)}.informations-produit .onglets-details-produit{padding:initial;grid-template-rows:auto min-content;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.informations-produit .onglets-details-produit>section{padding:var(--section-marges-internes);grid-column:span 3;font-weight:350;overflow-y:auto}.informations-produit .onglets-details-produit>section[hidden]{display:none}.informations-produit .onglets-details-produit>section ul{list-style:inside}.informations-produit .onglets-details-produit>section>*+*{margin-top:1lh}.informations-produit .onglets-details-produit>ul{text-align:center;text-transform:lowercase;letter-spacing:1px;grid-area:2/span 3;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.informations-produit .onglets-details-produit>ul li{width:100%}.informations-produit .onglets-details-produit>ul li:first-of-type a,.informations-produit .onglets-details-produit>ul li:last-of-type a{border-left-color:#0000;border-right-color:#0000}.informations-produit .onglets-details-produit>ul li a{padding:var(--espace-xs)0;border-top:1px solid #0000;border-right:1px solid var(--couleur-noir);border-left:1px solid var(--couleur-noir);width:100%;height:100%;display:inline-block}.informations-produit .onglets-details-produit>ul li a[aria-selected=true]{border-top-color:#0000}.informations-produit .onglets-details-produit>ul li a:focus,.informations-produit .onglets-details-produit>ul li a:focus-visible{outline-color:#0000}.informations-produit .onglets-details-produit:has(section:not([hidden]))>ul li a:not([aria-selected=true]){border-top-color:var(--couleur-noir)}.informations-produit .selecteur-produit{flex-flow:row;justify-content:space-between;place-items:center;column-gap:2rem;font-style:italic;font-weight:500;line-height:1;display:flex}.informations-produit .selecteur-produit__nom{letter-spacing:1px}.informations-produit .selecteur-produit__selection-variation{text-transform:lowercase;place-items:center;font-weight:400;display:flex}.informations-produit .selecteur-produit__selection-variation label{height:100%;margin-right:1ch}.informations-produit .selecteur-produit__selection-variation__selecteurs{position:relative}.informations-produit .selecteur-produit__selection-variation__selecteurs:after{pointer-events:none;content:" ";text-align:center;visibility:visible;opacity:1;background:url(/app/themes/haiku-atelier-2024/assets/img/icons/arrow.svg) no-repeat;width:.9rem;height:.9rem;transition:opacity .2s,visibility .2s;display:inline-block;position:absolute;top:10px;right:.4rem}@supports not selector(:user-valid){.informations-produit .selecteur-produit__selection-variation__selecteurs:has(select:valid):after{visibility:hidden;opacity:0}}@supports selector(:user-valid){.informations-produit .selecteur-produit__selection-variation__selecteurs:has(select:user-valid):after{visibility:hidden;opacity:0}}.informations-produit .selecteur-produit__selection-variation select{text-align:center;appearance:none;border:1px solid var(--couleur-noir);background:#eceaebe6;min-width:4rem;padding:.5rem 2rem;position:relative}@supports selector(:user-valid){.informations-produit .selecteur-produit__selection-variation select:user-valid{background:#ebffb8e6}}.informations-produit .selecteur-produit__selection-variation option{background:#eceaebe6}.informations-produit .selecteur-produit__prix{font-style:initial}.informations-produit .actions-produit{background:var(--couleur-jaune);transition:background .2s;overflow:hidden}.informations-produit .actions-produit:has(button[disabled]){background:#eceaebe6}.informations-produit .actions-produit button{font-variation-settings:"wght" 400;text-transform:uppercase;letter-spacing:1px;font-style:italic;transition:font-variation-settings .2s}@media (hover:hover){.informations-produit .actions-produit button:not([disabled]):hover{font-variation-settings:"wght" 500}.selecteur-personnalise{display:block!important}.selecteur-natif:focus+.selecteur-personnalise{display:none!important}}.produits-similaires{margin-top:var(--espace-m);grid-template-rows:1fr auto;grid-template-columns:repeat(3,1fr);grid-template-areas:"en-tete en-tete en-tete""produits produits produits";place-items:center;display:grid}.produits-similaires header{padding:var(--espace-l)0 var(--espace-m);text-align:center;border:1px solid var(--couleur-noir);grid-area:en-tete;width:100%}.produits-similaires header h2{text-transform:uppercase;letter-spacing:1px;font-style:italic;line-height:1}.produits-similaires .grille-produits-similaires{grid-area:produits;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:1px;width:100%;display:grid}.produits-similaires .grille-produits-similaires article{box-shadow:0 0 0 1px var(--couleur-noir)}.produits-similaires .grille-produits-similaires article figure{row-gap:var(--espace-xl);padding:var(--espace-m);flex-flow:column;display:flex}.produits-similaires .grille-produits-similaires article figure a{position:relative}@media (hover:hover){.produits-similaires .grille-produits-similaires article figure a:hover .produit__illustration__survol{visibility:visible;opacity:1;transition:opacity .3s,visibility .3s}}.produits-similaires .grille-produits-similaires article figure .produit__illustration__principale{display:block}.produits-similaires .grille-produits-similaires article figure .produit__illustration__survol{visibility:hidden;opacity:0;width:100%;height:100%;transition:opacity .15s,visibility .15s;display:block;position:absolute;top:0;left:0}.produits-similaires .grille-produits-similaires article figure img{aspect-ratio:9/16;object-fit:cover;width:100%;max-height:70vh}.produits-similaires .grille-produits-similaires article figure figcaption{margin-bottom:var(--espace-xl);flex-flow:row;justify-content:space-between;display:flex}.produits-similaires .grille-produits-similaires article figure figcaption h3{letter-spacing:1px;font-style:italic}.produits-similaires .grille-produits-similaires article figure figcaption p{letter-spacing:-.5px;font-weight:500}#pied-de-page{--pied-de-page-marges-internes-bloc:var(--espace-m);--pied-de-page-marges-internes-ligne:var(--espace-xl);padding:var(--pied-de-page-marges-internes-bloc)var(--pied-de-page-marges-internes-ligne);background:var(--couleur-jaune);border-top:1px solid var(--couleur-noir);grid-template-columns:1fr 1fr;place-items:center;max-width:100vw;line-height:1.5;display:grid}#pied-de-page .zone-menu-navigation-secondaire{text-transform:lowercase;justify-self:start;width:100%;height:100%}#pied-de-page .zone-liens-reseaux-sociaux{text-align:right;justify-items:end;width:100%;height:100%} +@font-face { + font-family: Lato; + font-weight: 100; + 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"); +} + +@font-face { + font-family: Lato; + font-weight: 100; + 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"); +} + +@font-face { + font-family: Myriad; + font-weight: 300 900; + 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"); +} + +@font-face { + font-family: Myriad; + font-weight: 300 900; + 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"); +} + +:root { + --couleur-blanc: #fff; + --couleur-gris: #eceaeb; + --couleur-bordeaux: #490918; + --couleur-jaune: #ebffb8; + --couleur-noir: #202020; + --police-lato: "Lato", sans-serif; + --police-myriad: "Myriad", sans-serif; + --en-tete-hauteur: 60px; + --menu-categories-produits-hauteur: 54.39px; + --espace-xs: .25rem; + --espace-s: .5rem; + --espace-m: 1rem; + --espace-l: 1.25rem; + --espace-xl: 2rem; +} + +html { + box-sizing: border-box; +} + +*, :before, :after { + box-sizing: inherit; + font: inherit; + color: inherit; + margin: 0; + padding: 0; +} + +body { + accent-color: var(--couleur-jaune); + background: var(--couleur-gris); +} + +button, input, select, textarea { + font: inherit; +} + +::selection { + background: var(--couleur-jaune); +} + +@media (prefers-reduced-motion) { + *, :before, :after { + scroll-behavior: auto !important; + transition: none !important; + animation-duration: 0s !important; + } +} + +html { + -webkit-font-smoothing: antialiased; + text-size-adjust: none; + text-rendering: geometricprecision; +} + +body { + font-optical-sizing: auto; + font-kerning: normal; + font-variant-ligatures: common-ligatures no-discretionary-ligatures no-historical-ligatures contextual; + color: var(--couleur-noir); + text-decoration-skip-ink: auto; + letter-spacing: .5px; + font: 1rem / 1.4 Lato; +} + +em { + font-style: italic; +} + +button { + all: initial; + cursor: pointer; + font: inherit; + text-align: center; +} + +button.bouton-case-pleine { + width: 100%; + height: 100%; +} + +button[disabled] { + cursor: not-allowed; +} + +img, picture { + max-width: 100%; + display: block; +} + +img { + object-fit: cover; + background: var(--couleur-jaune); +} + +a { + --lien-contour-couleur-focus: var(--couleur-noir); + text-decoration-skip-ink: auto; + outline-offset: initial; + text-decoration-skip: edges; + outline: 1px solid #0000; + text-decoration: underline #0000; + transition: color .2s, font-weight .2s, background .2s, outline-color .2s, border-color .2s, text-decoration-color .2s; +} + +a:focus, a:focus-visible { + outline-color: var(--lien-contour-couleur-focus); +} + +a.lien-bouton { + --lien-bouton-marges-internes-bloc: var(--espace-xs); + --lien-bouton-marges-internes-ligne: var(--espace-m); + --lien-bouton-arriere-plan-couleur-survol: var(--couleur-jaune); + padding: var(--lien-bouton-marges-internes-bloc) var(--lien-bouton-marges-internes-ligne); + border: 1px solid var(--couleur-noir); +} + +a.lien-bouton:focus, a.lien-bouton:focus-visible { + background: var(--lien-bouton-arriere-plan-couleur-survol); +} + +a.lien-bouton:active { + border-color: var(--lien-bouton-arriere-plan-couleur-survol); +} + +@media (hover: hover) { + a.lien-bouton:hover { + background: var(--lien-bouton-arriere-plan-couleur-survol); + } + + a:not([class]):hover { + text-decoration-color: var(--couleur-noir); + } +} + +ul { + list-style: none; +} + +ul.avec-puce-cercle { + --liste-puce-cercle-lien-marges-internes-ligne-debut: 2ch; + --liste-puce-cercle-puce-position-horizontale: 1ch; + --liste-puce-cercle-puce-taille: 1.25ex; +} + +ul.avec-puce-cercle a { + padding-left: var(--liste-puce-cercle-lien-marges-internes-ligne-debut); + 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"); +} + +#en-tete { + --en-tete-marges-internes-ligne: var(--espace-xl); + --en-tete-marges-internes-bloc: var(--espace-m); + --en-tete-section-hauteur: var(--en-tete-hauteur); + --en-tete-logo-longueur: 80px; + z-index: 20; + height: var(--en-tete-hauteur); + padding: var(--en-tete-marges-internes-bloc) var(--en-tete-marges-internes-ligne); + background: var(--couleur-gris); + flex-flow: row; + justify-content: space-between; + place-items: center; + min-width: 100vw; + max-width: 100vw; + font-size: 1.1rem; + display: flex; + position: fixed; + top: 0; +} + +#en-tete .logo { + width: var(--en-tete-logo-longueur); +} + +#en-tete .logo picture, #en-tete .logo img { + background: none; +} + +#en-tete .menu-navigation { + text-align: center; + text-transform: lowercase; + flex: 1; + grid-template-columns: 1fr auto 1fr; + display: grid; +} + +#en-tete .menu-navigation ul { + gap: var(--espace-m); + flex-flow: row; + grid-column: 2; + justify-content: space-between; + display: flex; +} + +#en-tete .menu-navigation__entree { + --nav-entree-marges-internes-bloc: var(--espace-xs); + --nav-entree-marges-internes-ligne: 3rem; + --liste-puce-cercle-lien-marges-internes-ligne-debut: calc(var(--espace-m) + 1.5ch); + --liste-puce-cercle-puce-position-horizontale: 3.5ch; +} + +#en-tete .menu-navigation__entree a { + padding: var(--nav-entree-marges-internes-bloc) var(--nav-entree-marges-internes-ligne); + text-align: center; + display: inline-block; +} + +#en-tete .menu-navigation__entree--courante { + background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud.svg") center / auto 90% no-repeat; +} + +@media (hover: hover) { + #en-tete .menu-navigation__entree:hover { + background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud.svg") center / auto 90% no-repeat; + } +} + +#en-tete .compte-panier { + text-align: center; + flex-flow: row; + place-items: center; + gap: 1rem; + display: flex; +} + +#en-tete .compte-panier a { + text-transform: lowercase; + min-width: 9ch; +} + +#en-tete .compte-panier a.lien-compte { + border-color: #0000; +} + +#en-tete .compte-panier a[data-contient-articles="true"] { + background: var(--couleur-jaune); +} + +#menu-categories-produits { + --menu-entree-longueur-minimale: 13ch; + --menu-section-hauteur: var(--menu-categories-produits-hauteur); + --menu-section-marges-bloc-debut: var(--en-tete-hauteur); + --menu-entree-marges-internes-ligne: var(--espace-m); + height: var(--menu-section-hauteur); + margin-top: var(--menu-section-marges-bloc-debut); +} + +#menu-categories-produits ul { + grid-template-columns: repeat(auto-fit, minmax(var(--menu-entree-longueur-minimale), 1fr)); + place-items: center; + display: grid; +} + +#menu-categories-produits ul li { + color: var(--couleur-gris); + text-align: center; + text-transform: uppercase; + letter-spacing: 1px; + background: var(--couleur-noir); + width: 100%; + font-style: italic; + font-weight: 450; +} + +#menu-categories-produits ul li.categorie-courante a { + color: var(--couleur-jaune); +} + +#menu-categories-produits ul li:active a { + font-weight: 500; +} + +#menu-categories-produits ul li a { + width: inherit; + padding: var(--menu-entree-marges-internes-ligne) 0; + border-right: 1px solid var(--couleur-gris); + border-left: 1px solid var(--couleur-gris); + outline: initial; + display: inline-block; +} + +#menu-categories-produits ul li a:focus, #menu-categories-produits ul li a:focus-visible { + color: var(--couleur-jaune); + outline: initial; +} + +@media (hover: hover) { + #menu-categories-produits ul li a:hover { + color: var(--couleur-jaune); + outline: initial; + } +} + +#menu-categories-produits ul li:first-of-type a { + border-left: initial; +} + +#menu-categories-produits ul li:last-of-type a { + border-right: initial; +} + +.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)); + --section-marges-externes-bloc-fin: 1rem; + flex-flow: wrap; + max-width: 100%; + display: flex; +} + +.photos-produit > section { + flex-flow: column; + width: 50%; + display: flex; + position: relative; +} + +.photos-produit > section.colonne-gauche { + top: var(--colonne-gauche-position-haut); + height: var(--colonne-gauche-photo-hauteur); + position: sticky; +} + +.photos-produit > section.colonne-gauche figure, .photos-produit > section.colonne-gauche picture, .photos-produit > section.colonne-gauche img { + height: 100%; +} + +.photos-produit > section.colonne-droite figure picture img:only-child { + min-height: var(--colonne-droite-photo-hauteur-minimale); + max-height: var(--colonne-droite-photo-hauteur-minimale); +} + +.grille-produits { + grid-template-columns: repeat(3, minmax(0, 1fr)); + grid-auto-rows: 1fr; + gap: 1px; + display: grid; +} + +.grille-produits article { + box-shadow: 0 0 0 1px var(--couleur-noir); +} + +.grille-produits article figure { + flex-flow: column; + row-gap: 2rem; + padding: 1rem; + display: flex; +} + +.grille-produits article figure a { + position: relative; +} + +@media (hover: hover) { + .grille-produits article figure a:hover .produit__illustration__survol { + visibility: visible; + opacity: 1; + transition: opacity .3s, visibility .3s; + } +} + +.grille-produits article figure .produit__illustration__principale { + display: block; +} + +.grille-produits article figure .produit__illustration__survol { + visibility: hidden; + opacity: 0; + width: 100%; + height: 100%; + transition: opacity .15s, visibility .15s; + display: block; + position: absolute; + top: 0; + left: 0; +} + +.grille-produits article figure img { + aspect-ratio: 9 / 16; + object-fit: cover; + width: 100%; + max-height: 70vh; +} + +.grille-produits article figure figcaption { + flex-flow: row; + justify-content: space-between; + margin-bottom: 2rem; + display: flex; +} + +.grille-produits article figure figcaption h3 { + letter-spacing: 1px; + font-style: italic; +} + +.grille-produits article figure figcaption p { + letter-spacing: -.5px; + font-weight: 500; +} + +.grille-produits__aucun-produit { + min-height: calc(100vh - var(--menu-categories-produits-hauteur) - var(--en-tete-hauteur) - 105px); + text-align: center; + grid-column: span 3; + align-content: center; +} + +.grille-produits__aucun-produit p + p { + margin-top: var(--espace-l); + font-size: 1.25rem; +} + +.informations-produit { + --boite-couleur-fond: #ffffffe6; + --boite-position-basse: 1rem; + --boite-longueur: 70ch; + --section-marges-internes: 1rem; + bottom: var(--boite-position-basse); + width: 0; + height: 0; + position: sticky; + overflow: visible; +} + +.informations-produit__conteneur { + transform: translate(calc(50vw - var(--boite-longueur) / 2), -100%); + width: var(--boite-longueur); + max-width: var(--boite-longueur); + border: 1px solid var(--couleur-noir); + display: grid; +} + +.informations-produit__conteneur > section { + padding: var(--section-marges-internes); + background: var(--boite-couleur-fond); + flex-flow: row; + height: 100%; + display: flex; +} + +.informations-produit__conteneur > section + section { + border-top: 1px solid var(--couleur-noir); +} + +.informations-produit .onglets-details-produit { + padding: initial; + grid-template-rows: auto min-content; + grid-template-columns: repeat(3, minmax(0, 1fr)); + display: grid; +} + +.informations-produit .onglets-details-produit > section { + padding: var(--section-marges-internes); + grid-column: span 3; + font-weight: 350; + overflow-y: auto; +} + +.informations-produit .onglets-details-produit > section[hidden] { + display: none; +} + +.informations-produit .onglets-details-produit > section ul { + list-style: inside; +} + +.informations-produit .onglets-details-produit > section > * + * { + margin-top: 1lh; +} + +.informations-produit .onglets-details-produit > ul { + text-align: center; + text-transform: lowercase; + letter-spacing: 1px; + grid-area: 2 / span 3; + grid-template-columns: repeat(3, minmax(0, 1fr)); + display: grid; +} + +.informations-produit .onglets-details-produit > ul li { + width: 100%; +} + +.informations-produit .onglets-details-produit > ul li:first-of-type a, .informations-produit .onglets-details-produit > ul li:last-of-type a { + border-left-color: #0000; + border-right-color: #0000; +} + +.informations-produit .onglets-details-produit > ul li a { + padding: var(--espace-xs) 0; + border-top: 1px solid #0000; + border-right: 1px solid var(--couleur-noir); + border-left: 1px solid var(--couleur-noir); + width: 100%; + height: 100%; + display: inline-block; +} + +.informations-produit .onglets-details-produit > ul li a[aria-selected="true"] { + border-top-color: #0000; +} + +.informations-produit .onglets-details-produit > ul li a:focus, .informations-produit .onglets-details-produit > ul li a:focus-visible { + outline-color: #0000; +} + +.informations-produit .onglets-details-produit:has(section:not([hidden])) > ul li a:not([aria-selected="true"]) { + border-top-color: var(--couleur-noir); +} + +.informations-produit .selecteur-produit { + flex-flow: row; + justify-content: space-between; + place-items: center; + column-gap: 2rem; + font-style: italic; + font-weight: 500; + line-height: 1; + display: flex; +} + +.informations-produit .selecteur-produit__nom { + letter-spacing: 1px; +} + +.informations-produit .selecteur-produit__selection-variation { + text-transform: lowercase; + place-items: center; + font-weight: 400; + display: flex; +} + +.informations-produit .selecteur-produit__selection-variation label { + height: 100%; + margin-right: 1ch; +} + +.informations-produit .selecteur-produit__selection-variation__selecteurs { + position: relative; +} + +.informations-produit .selecteur-produit__selection-variation__selecteurs:after { + pointer-events: none; + content: " "; + text-align: center; + visibility: visible; + opacity: 1; + background: url("/app/themes/haiku-atelier-2024/assets/img/icons/arrow.svg") no-repeat; + width: .9rem; + height: .9rem; + transition: opacity .2s, visibility .2s; + display: inline-block; + position: absolute; + top: 10px; + right: .4rem; +} + +@supports not selector(:user-valid) { + .informations-produit .selecteur-produit__selection-variation__selecteurs:has(select:valid):after { + visibility: hidden; + opacity: 0; + } +} + +@supports selector(:user-valid) { + .informations-produit .selecteur-produit__selection-variation__selecteurs:has(select:user-valid):after { + visibility: hidden; + opacity: 0; + } +} + +.informations-produit .selecteur-produit__selection-variation select { + text-align: center; + appearance: none; + border: 1px solid var(--couleur-noir); + background: #eceaebe6; + min-width: 4rem; + padding: .5rem 2rem; + position: relative; +} + +@supports selector(:user-valid) { + .informations-produit .selecteur-produit__selection-variation select:user-valid { + background: #ebffb8e6; + } +} + +.informations-produit .selecteur-produit__selection-variation option { + background: #eceaebe6; +} + +.informations-produit .selecteur-produit__prix { + font-style: initial; +} + +.informations-produit .actions-produit { + background: var(--couleur-jaune); + transition: background .2s; + overflow: hidden; +} + +.informations-produit .actions-produit:has(button[disabled]) { + background: #eceaebe6; +} + +.informations-produit .actions-produit button { + font-variation-settings: "wght" 400; + text-transform: uppercase; + letter-spacing: 1px; + font-style: italic; + transition: font-variation-settings .2s; +} + +@media (hover: hover) { + .informations-produit .actions-produit button:not([disabled]):hover { + font-variation-settings: "wght" 500; + } + + .selecteur-personnalise { + display: block !important; + } + + .selecteur-natif:focus + .selecteur-personnalise { + display: none !important; + } +} + +.produits-similaires { + margin-top: var(--espace-m); + grid-template-rows: 1fr auto; + grid-template-columns: repeat(3, 1fr); + grid-template-areas: "en-tete en-tete en-tete" + "produits produits produits"; + place-items: center; + display: grid; +} + +.produits-similaires header { + padding: var(--espace-l) 0 var(--espace-m); + text-align: center; + border: 1px solid var(--couleur-noir); + grid-area: en-tete; + width: 100%; +} + +.produits-similaires header h2 { + text-transform: uppercase; + letter-spacing: 1px; + font-style: italic; + line-height: 1; +} + +.produits-similaires .grille-produits-similaires { + grid-area: produits; + grid-template-columns: repeat(3, minmax(0, 1fr)); + grid-auto-rows: 1fr; + gap: 1px; + width: 100%; + display: grid; +} + +.produits-similaires .grille-produits-similaires article { + box-shadow: 0 0 0 1px var(--couleur-noir); +} + +.produits-similaires .grille-produits-similaires article figure { + row-gap: var(--espace-xl); + padding: var(--espace-m); + flex-flow: column; + display: flex; +} + +.produits-similaires .grille-produits-similaires article figure a { + position: relative; +} + +@media (hover: hover) { + .produits-similaires .grille-produits-similaires article figure a:hover .produit__illustration__survol { + visibility: visible; + opacity: 1; + transition: opacity .3s, visibility .3s; + } +} + +.produits-similaires .grille-produits-similaires article figure .produit__illustration__principale { + display: block; +} + +.produits-similaires .grille-produits-similaires article figure .produit__illustration__survol { + visibility: hidden; + opacity: 0; + width: 100%; + height: 100%; + transition: opacity .15s, visibility .15s; + display: block; + position: absolute; + top: 0; + left: 0; +} + +.produits-similaires .grille-produits-similaires article figure img { + aspect-ratio: 9 / 16; + object-fit: cover; + width: 100%; + max-height: 70vh; +} + +.produits-similaires .grille-produits-similaires article figure figcaption { + margin-bottom: var(--espace-xl); + flex-flow: row; + justify-content: space-between; + display: flex; +} + +.produits-similaires .grille-produits-similaires article figure figcaption h3 { + letter-spacing: 1px; + font-style: italic; +} + +.produits-similaires .grille-produits-similaires article figure figcaption p { + letter-spacing: -.5px; + font-weight: 500; +} + +#pied-de-page { + --pied-de-page-marges-internes-bloc: var(--espace-m); + --pied-de-page-marges-internes-ligne: var(--espace-xl); + padding: var(--pied-de-page-marges-internes-bloc) var(--pied-de-page-marges-internes-ligne); + background: var(--couleur-jaune); + border-top: 1px solid var(--couleur-noir); + grid-template-columns: 1fr 1fr; + place-items: center; + max-width: 100vw; + line-height: 1.5; + display: grid; +} + +#pied-de-page .zone-menu-navigation-secondaire { + text-transform: lowercase; + justify-self: start; + width: 100%; + height: 100%; +} + +#pied-de-page .zone-liens-reseaux-sociaux { + text-align: right; + justify-items: end; + width: 100%; + height: 100%; +} + /*# sourceMappingURL=web/app/themes/haiku-atelier-2024/assets/css/main.min.css.map */ 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 701d5079..28594a79 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,iRAOA,6RAOA,iRAOA,6RAOA,yRAOA,uRAOA,iRAOA,6RAOA,iRAOA,6RAOA,2SAQA,yTAQA,0VAwBA,2BAWA,kFAaA,oCAQA,4EAWA,4CAQA,gGAMA,uPAUA,qBAOA,iEAMA,iDAIA,oCASA,yCAMA,qDAUA,4SAeA,wEAGA,kTAYA,0GAGA,iFAGA,qBACE,8EAKA,gEAUF,mBASA,sKAQA,4QAKA,ieAsBA,kDAGA,yDAIA,4HAgBA,wHAOA,oQAQA,iKAKA,6IAGA,qBACE,0IAIF,iGAUA,iEAIA,yDAGA,uFAUA,8TAiBA,qJAQA,oMAeA,gFAGA,yDAGA,4NAQA,mIAIA,qBACE,oFAKF,oEAGA,oEAWA,sXAcA,kFAMA,0IAKA,oJAGA,qLAiBA,uGAMA,kEAGA,wFAMA,oDAGA,qBACE,2IAMF,iFAGA,uMAWA,kGAMA,uHAMA,mFAIA,kFAIA,4LAMA,iFAYA,2NAcA,+MAUA,4JAOA,0FAGA,8JAMA,iJAMA,4EAGA,4EAIA,0EAGA,8LASA,gEAGA,0LAQA,6OAUA,kGAGA,sJAGA,iJAGA,qLAUA,iEAGA,uIAUA,iGAIA,4FAIA,8WAeA,oCACE,+HAKF,gCACE,oIAKF,qNASA,gCACE,sGAIF,0FAGA,kEAGA,iHAMA,kFAGA,sLAQA,qBACE,uGAMA,gDAGA,uEAIF,0NASA,yJAOA,2GAMA,qKAQA,kGAGA,+IAMA,oFAGA,qBACE,2KAMF,iHAGA,uOAWA,kIAMA,mKAMA,mHAIA,kHAQA,yXAaA,kHAMA","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: #fff;\n --couleur-gris: #eceaeb;\n --couleur-bordeaux: #490918;\n --couleur-jaune: #ebffb8;\n --couleur-noir: #202020;\n /* Polices */\n --police-lato: \"Lato\", sans-serif;\n --police-myriad: \"Myriad\", sans-serif;\n /* Dimensions */\n --en-tete-hauteur: 60px;\n --menu-categories-produits-hauteur: 54.39px;\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*,\n*::before,\n*::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 */\nbody {\n background: var(--couleur-gris); /* 1 */\n}\n\n/**\n * 1. Force l'héritage des styles pour ces éléments.\n * 2. Utilise la couleur primaire du site.\n */\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit; /* 1 */\n accent-color: var(--couleur-jaune); /* 2 */\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/**\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/1.4 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: 0.5px;\n}\n\nem {\n font-style: italic;\n}\n\n/**\n * Réinitialisation des styles des - - - - - - - - {% endfor %} - - -
-
-
-

Gift Bag 5 €

-
- -
-
- - -
- -
- - -
-
-
-
- -
- - -
- - -
-
- -
-

- Subtotal: {{ sous_total_panier }} € -

-

- Shipping: Enter your shipping address. -

- -

- Belgium and France: free shipping.
- Worldwide: free shipping on orders above 150 €. -

-
- - - + {# « Your Cart » #} + {% include "parts/pages/panier/panneau-panier.twig" %} + {# Your Info #}

Your info

diff --git a/web/app/themes/haiku-atelier-2024/views/parts/pages/panier/panneau-panier.twig b/web/app/themes/haiku-atelier-2024/views/parts/pages/panier/panneau-panier.twig new file mode 100644 index 00000000..3d0dc5a3 --- /dev/null +++ b/web/app/themes/haiku-atelier-2024/views/parts/pages/panier/panneau-panier.twig @@ -0,0 +1,118 @@ +
+
+

Your cart

+
+ +
+ {% for produit in produits_panier %} +
+
+ {{ produit.image }} +
+ +
+

+ {{ produit.titre }}. + {{ produit.prix * produit.quantite }} € +

+

+ {# Affiche tous les attributs relevants pour la variation choisie #} + {% for attribut in produit.attributs %} + {% if attribut.valeur %} + {{ attribut.nom }} {{ attribut.valeur }}
+ {% endif %} + {% endfor %} +

+ +
+ + + + + +
+
+
+ {% endfor %} +
+ +
+
+
+

Gift Bag 5 €

+
+ +
+
+ + +
+ +
+ + +
+
+
+
+ +
+ + +
+ + +
+
+ +
+

+ Subtotal: {{ sous_total_panier }} € +

+

+ Shipping: Enter your shipping address. +

+ +

+ Belgium and France: free shipping.
+ Worldwide: free shipping on orders above 150 €. +

+
+ + +