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 e4bfcdae..42bdf927 100644 --- a/web/app/themes/haiku-atelier-2024/assets/css/main.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/main.css @@ -35,8 +35,12 @@ /* Couleurs */ --couleur-blanc: #ffffff; --couleur-gris: #eceaeb; + --couleur-gris-fonce: #808080; + --couleur-gris-fonce-fond: rgb(128 128 128 / 80%); --couleur-bordeaux: #490918; + --couleur-bordeaux-fond: rgb(73 9 24 / 80%); --couleur-jaune: #ebffb8; + --couleur-jaune-fond: rgb(235 255 184 / 80%); --couleur-noir: #202020; --couleur-fond: rgb(236 234 235 / 80%); /* Polices */ @@ -55,6 +59,10 @@ --en-tete-hauteur: 60px; --menu-categories-produits-hauteur: 54.39px; --pied-de-page-hauteur: calc(var(--espace-m) * 2 + 3lh); + --contenu-page-hauteur-minimale: calc( + 100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur) + - var(--menu-categories-produits-hauteur) + ); /* Espacements */ --espace-xs: 0.25rem; --espace-s: 0.5rem; @@ -110,7 +118,7 @@ button, input, select, textarea { /* Cache tout élément avec l'attribut hidden */ [hidden] { - display: none; + display: none !important; } /* Utilise un curseur approprié pour les Éléments désactivés */ @@ -177,6 +185,9 @@ button.bouton-case-pleine--blanc-sur-noir { letter-spacing: var(--espacement-inter-lettres-etendu-m); background: var(--couleur-noir); } +button:disabled, button[disabled] { + background: repeating-conic-gradient(var(--couleur-noir) 0% 25%, transparent 0% 100%) 1px 0.5px/2px 2px; +} input, select, textarea { padding: var(--espace-xs); @@ -189,7 +200,7 @@ input:focus, input:focus-visible, select:focus, select:focus-visible, textarea:f background: var(--couleur-jaune); outline: 1px solid var(--couleur-noir); } -input:disabled, select:disabled, textarea:disabled { +input:disabled, input[disabled], select:disabled, select[disabled], textarea:disabled, textarea[disabled] { cursor: not-allowed; background: repeating-conic-gradient(var(--couleur-noir) 0% 25%, transparent 0% 100%) 1px 0.5px/2px 2px; } @@ -517,6 +528,14 @@ body:has(#menu-mobile:not([aria-hidden=true])) { * 1. Permet d'éviter un agrandissement de l'élément avec plus de 9 articles. */ } +#en-tete .compte-panier[disabled] { + background: repeating-conic-gradient(var(--couleur-noir) 0% 25%, transparent 0% 100%) 1px 0.5px/2px 2px; +} +#en-tete .compte-panier[disabled] a:hover, #en-tete .compte-panier[disabled] a:active, #en-tete .compte-panier[disabled] a:focus, #en-tete .compte-panier[disabled] a:focus-within { + background: initial; + border: 1px solid var(--couleur-noir); + outline: 1px solid transparent; +} #en-tete .compte-panier a { min-width: 10ch; /* 1 */ text-transform: lowercase; @@ -669,17 +688,18 @@ body:has(#menu-mobile:not([aria-hidden=true])) { */ .grille-produits { /* Dimensions */ - --aucun-produit-hauteur: calc( - 100svh - var(--menu-categories-produits-hauteur) - var(--en-tete-hauteur) - - var(--pied-de-page-hauteur) - ); + --grille-produits-hauteur-minimale: var(--contenu-page-hauteur-minimale); + --aucun-produit-hauteur: var(--contenu-page-hauteur-minimale); --carte-produit-longueur-minimale: 448px; + --carte-produit-longueur-maximale: 900px; display: grid; grid-auto-rows: 1fr; grid-template-columns: repeat(auto-fit, minmax(var(--carte-produit-longueur-minimale), 1fr)); /* 1 */ gap: 1px; /* 2 */ + min-height: var(--grille-produits-hauteur-minimale); } .grille-produits article { + max-width: var(--carte-produit-longueur-maximale); box-shadow: 0 0 0 1px var(--couleur-noir); /* 2 */ } .grille-produits article figure { @@ -760,9 +780,9 @@ body:has(#menu-mobile:not([aria-hidden=true])) { */ .informations-produit { --boite-couleur-fond: rgb(255 255 255 / 90%); - --boite-position-basse: 1rem; + --boite-position-basse: var(--espace-m); --boite-longueur: 70ch; - --section-marges-internes: 1rem; + --section-marges-internes: var(--espace-m); position: sticky; /* 1 */ bottom: var(--boite-position-basse); /* 1 */ overflow: visible; @@ -927,7 +947,9 @@ body:has(#menu-mobile:not([aria-hidden=true])) { } .informations-produit .actions-produit { overflow: hidden; + padding: initial; background: var(--couleur-jaune); + border-top: initial; transition: 0.2s background; /* Indique que le Bouton est désactivé en utilisant un fond gris */ } @@ -935,6 +957,8 @@ body:has(#menu-mobile:not([aria-hidden=true])) { background: rgba(236, 234, 235, 0.9); } .informations-produit .actions-produit button { + height: initial; + padding: var(--section-marges-internes); font-variation-settings: "wght" 400; font-style: italic; text-transform: uppercase; @@ -949,6 +973,7 @@ body:has(#menu-mobile:not([aria-hidden=true])) { } @media (width <= 700px) { .informations-produit { + --section-marges-internes: var(--espace-xl); position: relative; bottom: initial; width: initial; 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 a6b3b53e..c76a0cac 100644 --- a/web/app/themes/haiku-atelier-2024/assets/css/main.css.map +++ b/web/app/themes/haiku-atelier-2024/assets/css/main.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../src/sass/base/polices/_lato.scss","../../src/sass/base/polices/_myriad.scss","../../src/sass/abstracts/_variables.scss","../../src/sass/base/_base.scss","../../src/sass/base/_typographie.scss","../../src/sass/base/elements/_boutons.scss","../../src/sass/base/elements/_formulaires.scss","../../src/sass/base/elements/_images.scss","../../src/sass/base/elements/_liens.scss","../../src/sass/base/elements/_listes.scss","../../src/sass/layouts/_menu-mobile.scss","../../src/sass/layouts/_en-tete.scss","../../src/sass/layouts/_menu-categories-produits.scss","../../src/sass/layouts/_colonnes-photos.scss","../../src/sass/layouts/_grille-produits.scss","../../src/sass/layouts/_informations-produit.scss","../../src/sass/layouts/_produits-similaires.scss","../../src/sass/layouts/_pied-de-page.scss"],"names":[],"mappings":";AAAA;EACE;EACA;EACA;EACA;EACA,KACE;EAEF,eACE;;AA6GJ;EACE;EACA;EACA;EACA;EACA,KACE;EAIF,eACE;;ACjIJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;ACjBJ;AACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;;;AChCF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAIA;EACE;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;IACE;IACA;IACA;;;AChEJ;AAAA;AAAA;AAAA;AAIA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AC7BA;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;;AClBN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAMF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;;AAQJ;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;AAcA;AAAA;AAAA;;AAZA;EACE;;AAGA;EACE;EACA;EACA;EACA;;AAOJ;EACE;EACA;;;ACzEJ;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;EACE;EACA;;;ACZF;AAAA;AAAA;AAAA;AAAA;AAKA;AACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA,YACE,kHAK4B;EAE9B;AAEA;AAKA;AA8BA;AAiBA;;AAnDA;EACE;;AAIF;AACE;EACA;EACA;AAEA;EACA;EAEA;EACA;AAEA;AAKA;AAKA;;AATA;EACE;;AAIF;EACE;;AAIF;EACE;IACE;;;AAMN;EACE;;AAEA;EACE;EACA;;AAGF;EACE;IACE;IACA;;;AAOJ;EACE;IACE;;;;AChFR;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAMA;AACE;EACA;AAEA;EACA;AAEA;EACA;;AAEA;EACE;EACA,qLAEkE;;;AC3BxE;EACE;EACA;;;AAGF;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;;AAQZ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;ACxFJ;AACE;EACA;EACA;AAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAeA;;AAbA;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;AAUA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AARA;EACE;EACA;EACA;EACA;EACA;;AAYF;AACE;EACA;EACA;EACA;AAEA;EACA;;AAEA;EACE;EACA,yFAC2C;EAE3C;;AAGF;EACE;;AAIF;EACE;IACE;;;AAOJ;EADF;IAEI;;;AAKN;EACE;EACA;EACA;EACA;EACA;AAEA;AAAA;AAAA;;AAGA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;;ACxHR;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACE;EACA;EACA;AAEA;EACA;EACA;EAGA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAOA;EACE;EACA,uBACE;EAEF;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;;AAEA;EACE;EACA;;AAGF;EACE;IACE;IACA;;;AAMR;EACE;IACE;IAEA;IACA;IACA;;EAEA;IACE;IACA;;EAEA;IACE;IACA;;;;AC/FZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACE;EACA;AAEA;EACA;EACA;AAAA;AAAA;EAGA;AAEA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGA;EACE;;AAMF;EACE;EACA;;;AC/CR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA;AACE;EACA;AAAA;AAAA;AAAA;EAIA;EAEA;EACA;EACA,uBACE;EAEF;;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;;AAIJ;EACE;IACE;;EAEA;IACE;;;;AC7GR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EAEE;EAGA;EACA;EAGA;EAEA;EACA;EACA;EACA;EACA;AAmGA;AA6FA;;AA9LA;EACE;EACA;EACA;EACA;EACA;AAEA;AAAA;AAAA;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EACE;;AAGF;EACE;;AASN;EACE;;AAMN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;AAEA;AAMA;;AALA;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;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;IACE;;;AAKN;EACE;;AAIJ;EACE;;AAKJ;EACE;EACA;EACA;AAEA;;AACA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;AAEA;;AAEE;EACE;IACE;;;AAOV;EA5OF;IA6OI;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;;;;AAKN;EACE;IACE;;EAGF;IACE;;;ACzQJ;AACE;EACA;EAEA;EACA,qBACE;EAEF;EACA;EACA;EACA;AAEA;;AACA;EACE;EACA;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;;AAMR;EACE;IACE;;EAEA;IACE;;;;AC3GV;AACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA","file":"main.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../src/sass/base/polices/_lato.scss","../../src/sass/base/polices/_myriad.scss","../../src/sass/abstracts/_variables.scss","../../src/sass/base/_base.scss","../../src/sass/base/_typographie.scss","../../src/sass/base/elements/_boutons.scss","../../src/sass/base/elements/_formulaires.scss","../../src/sass/base/elements/_images.scss","../../src/sass/base/elements/_liens.scss","../../src/sass/base/elements/_listes.scss","../../src/sass/layouts/_menu-mobile.scss","../../src/sass/layouts/_en-tete.scss","../../src/sass/layouts/_menu-categories-produits.scss","../../src/sass/layouts/_colonnes-photos.scss","../../src/sass/layouts/_grille-produits.scss","../../src/sass/layouts/_informations-produit.scss","../../src/sass/layouts/_produits-similaires.scss","../../src/sass/layouts/_pied-de-page.scss"],"names":[],"mappings":";AAAA;EACE;EACA;EACA;EACA;EACA,KACE;EAEF,eACE;;AA6GJ;EACE;EACA;EACA;EACA;EACA,KACE;EAIF,eACE;;ACjIJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;ACjBJ;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAKA;EACA;EACA;EACA;EACA;EACA;;;ACxCF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAIA;EACE;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;IACE;IACA;IACA;;;AChEJ;AAAA;AAAA;AAAA;AAIA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AC7BA;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;;;ACvBJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAMF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;;AAQJ;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;AAcA;AAAA;AAAA;;AAZA;EACE;;AAGA;EACE;EACA;EACA;EACA;;AAOJ;EACE;EACA;;;ACzEJ;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;EACE;EACA;;;ACZF;AAAA;AAAA;AAAA;AAAA;AAKA;AACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA,YACE,kHAK4B;EAE9B;AAEA;AAKA;AA8BA;AAiBA;;AAnDA;EACE;;AAIF;AACE;EACA;EACA;AAEA;EACA;EAEA;EACA;AAEA;AAKA;AAKA;;AATA;EACE;;AAIF;EACE;;AAIF;EACE;IACE;;;AAMN;EACE;;AAEA;EACE;EACA;;AAGF;EACE;IACE;IACA;;;AAOJ;EACE;IACE;;;;AChFR;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAMA;AACE;EACA;AAEA;EACA;AAEA;EACA;;AAEA;EACE;EACA,qLAEkE;;;AC3BxE;EACE;EACA;;;AAGF;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;;AAQZ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;ACxFJ;AACE;EACA;EACA;AAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAeA;;AAbA;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;AAUA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AARA;EACE;EACA;EACA;EACA;EACA;;AAYF;AACE;EACA;EACA;EACA;AAEA;EACA;;AAEA;EACE;EACA,yFAC2C;EAE3C;;AAGF;EACE;;AAIF;EACE;IACE;;;AAOJ;EADF;IAEI;;;AAKN;EACE;EACA;EACA;EACA;EACA;AAaA;AAAA;AAAA;;AAXA;EACE;;AAGA;EACE;EACA;EACA;;AAOJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;;ACnIR;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACE;EACA;EACA;AAEA;EACA;EACA;EAGA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAOA;EACE;EACA,uBACE;EAEF;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;;AAEA;EACE;EACA;;AAGF;EACE;IACE;IACA;;;AAMR;EACE;IACE;IAEA;IACA;IACA;;EAEA;IACE;IACA;;EAEA;IACE;IACA;;;;AC/FZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACE;EACA;AAEA;EACA;EACA;AAAA;AAAA;EAGA;AAEA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGA;EACE;;AAMF;EACE;EACA;;;AC/CR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA;AACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA,uBACE;EAEF;EACA;;AAEA;EACE;EACA;;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;;AAIJ;EACE;IACE;;EAEA;IACE;;;;AC9GR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EAEE;EAGA;EACA;EAGA;EAEA;EACA;EACA;EACA;EACA;AAmGA;AA6FA;;AA9LA;EACE;EACA;EACA;EACA;EACA;AAEA;AAAA;AAAA;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EACE;;AAGF;EACE;;AASN;EACE;;AAMN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;AAEA;AAMA;;AALA;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;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;IACE;;;AAKN;EACE;;AAIJ;EACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;AAEA;;AACA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AAEE;EACE;IACE;;;AAOV;EAhPF;IAiPI;IAEA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;;;;AAKN;EACE;IACE;;EAGF;IACE;;;AC/QJ;AACE;EACA;EAEA;EACA,qBACE;EAEF;EACA;EACA;EACA;AAEA;;AACA;EACE;EACA;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;;AAMR;EACE;IACE;;EAEA;IACE;;;;AC3GV;AACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA","file":"main.css"} \ No newline at end of file diff --git a/web/app/themes/haiku-atelier-2024/assets/css/main.min.css b/web/app/themes/haiku-atelier-2024/assets/css/main.min.css index 7812bd52..8ffe6054 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 @@ -37,8 +37,12 @@ :root { --couleur-blanc: #fff; --couleur-gris: #eceaeb; + --couleur-gris-fonce: gray; + --couleur-gris-fonce-fond: #808080cc; --couleur-bordeaux: #490918; + --couleur-bordeaux-fond: #490918cc; --couleur-jaune: #ebffb8; + --couleur-jaune-fond: #ebffb8cc; --couleur-noir: #202020; --couleur-fond: #eceaebcc; --police-lato: "Lato", sans-serif; @@ -53,6 +57,7 @@ --en-tete-hauteur: 60px; --menu-categories-produits-hauteur: 54.39px; --pied-de-page-hauteur: calc(var(--espace-m) * 2 + 3lh); + --contenu-page-hauteur-minimale: calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur) - var(--menu-categories-produits-hauteur)); --espace-xs: .25rem; --espace-s: .5rem; --espace-m: 1rem; @@ -86,7 +91,7 @@ button, input, select, textarea { } [hidden] { - display: none; + display: none !important; } [disabled] { @@ -145,6 +150,10 @@ button.bouton-case-pleine--blanc-sur-noir { font-style: italic; } +button:disabled, button[disabled] { + background: repeating-conic-gradient(var(--couleur-noir) 0% 25%, transparent 0% 100%) 1px .5px / 2px 2px; +} + input, select, textarea { padding: var(--espace-xs); background: var(--couleur-gris); @@ -158,7 +167,7 @@ input:focus, input:focus-visible, select:focus, select:focus-visible, textarea:f outline: 1px solid var(--couleur-noir); } -input:disabled, select:disabled, textarea:disabled { +input:disabled, input[disabled], select:disabled, select[disabled], textarea:disabled, textarea[disabled] { cursor: not-allowed; background: repeating-conic-gradient(var(--couleur-noir) 0% 25%, transparent 0% 100%) 1px .5px / 2px 2px; } @@ -468,6 +477,16 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { display: flex; } +#en-tete .compte-panier[disabled] { + background: repeating-conic-gradient(var(--couleur-noir) 0% 25%, transparent 0% 100%) 1px .5px / 2px 2px; +} + +#en-tete .compte-panier[disabled] a:hover, #en-tete .compte-panier[disabled] a:active, #en-tete .compte-panier[disabled] a:focus, #en-tete .compte-panier[disabled] a:focus-within { + background: initial; + border: 1px solid var(--couleur-noir); + outline: 1px solid #0000; +} + #en-tete .compte-panier a { text-transform: lowercase; min-width: 10ch; @@ -588,15 +607,19 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { } .grille-produits { - --aucun-produit-hauteur: calc(100svh - var(--menu-categories-produits-hauteur) - var(--en-tete-hauteur) - var(--pied-de-page-hauteur)); + --grille-produits-hauteur-minimale: var(--contenu-page-hauteur-minimale); + --aucun-produit-hauteur: var(--contenu-page-hauteur-minimale); --carte-produit-longueur-minimale: 448px; + --carte-produit-longueur-maximale: 900px; grid-auto-rows: 1fr; grid-template-columns: repeat(auto-fit, minmax(var(--carte-produit-longueur-minimale), 1fr)); + min-height: var(--grille-produits-hauteur-minimale); gap: 1px; display: grid; } .grille-produits article { + max-width: var(--carte-produit-longueur-maximale); box-shadow: 0 0 0 1px var(--couleur-noir); } @@ -683,9 +706,9 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { .informations-produit { --boite-couleur-fond: #ffffffe6; - --boite-position-basse: 1rem; + --boite-position-basse: var(--espace-m); --boite-longueur: 70ch; - --section-marges-internes: 1rem; + --section-marges-internes: var(--espace-m); bottom: var(--boite-position-basse); width: 0; height: 0; @@ -861,7 +884,9 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { } .informations-produit .actions-produit { + padding: initial; background: var(--couleur-jaune); + border-top: initial; transition: background .2s; overflow: hidden; } @@ -871,6 +896,8 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { } .informations-produit .actions-produit button { + height: initial; + padding: var(--section-marges-internes); font-variation-settings: "wght" 400; text-transform: uppercase; letter-spacing: var(--espacement-inter-lettres-etendu-m); @@ -886,6 +913,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { @media (width <= 700px) { .informations-produit { + --section-marges-internes: var(--espace-xl); bottom: initial; width: initial; height: initial; 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 ec88bd14..b9f6ac9c 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;;;;;;;;;AAQA;;;;;;;;;AAQA;;;;;;;;;AAQA;;;;;;;;;AAQA;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA;;;;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;;;;;AAIF;;;;AAGA;;;;;AAIA;EACE;;;;;EAMA;;;;;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;;;;;;;;AAgBA;;;;;;;AASA;;;;;;;;;;;AAeA;;;;AAGA;;;;AAGA;;;;;;;AAMA;;;;;AAIA;EACE;;;;;;AAKF;EACE;;;;;;;EAMA;;;;;EAIA;;;;;;AAaF;;;;;;;;;;;AAeA;;;;;;;;AAOA;;;;;;AAKA;;;;AAGA;;;;;AAiBA;;;;;;;;;AAYA;;;;AAGA;;;;;;;AAMA;;;;AAGA;EACE;;;;;;;AAMF;;;;AAGA;;;;;;;;;;;;AAWA;;;;;;;AAMA;;;;;;;AAMA;;;;;AAIA;;;;;AAIA;;;;;;;AAMA;;;;;AAIA;EACE;;;;EAGA;;;;;AAYF;;;;;;;;;;;;AAaA;;;;;;;;AAUA;;;;;;;;AAOA;;;;AAGA;;;;;;;AAMA;;;;;;;AAMA;;;;AAIA;;;;AAGA;;;;;;;;;AASA;;;;AAGA;;;;;AAQA;;;;;;;;;;AAUA;;;;AAGA;;;;AAGA;;;;AAGA;;;;;;;;;;;AAUA;;;;AAGA;;;;;;;AAQA;;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;AAeA;EACE;;;;;;AAKF;EACE;;;;;;AAKF;;;;;;;;;;AASA;EACE;;;;;AAIF;;;;AAGA;;;;AAGA;;;;;;AAMA;;;;AAGA;;;;;;;;AAQA;EACE;;;;;AAIF;EACE;;;;;;;EAMA;;;;;;;;;AASF;EACE;;;;EAGA;;;;;AAIF;;;;;;;;;;;AAWA;;;;;;;;;AAQA;;;;;;;AAMA;;;;;;;;;AAQA;;;;AAGA;;;;;;;AAMA;;;;AAGA;EACE;;;;;;;AAMF;;;;AAGA;;;;;;;;;;;;AAWA;;;;;;;AAMA;;;;;;;AAMA;;;;;AAIA;;;;;AAIA;EACE;;;;EAGA;;;;;AAKF;;;;;;;;;;;;;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 900;\n font-style: normal;\n font-display: swap;\n 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\");\n unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-036F, U+0374-0375, U+037A-037E, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03CE, U+03D0-0486, U+0488-0513, U+0E3F, U+102D, U+102F, U+1031, U+1D00-1DCA, U+1DFE-1E9B, U+1E9E, U+1EA0-1EF9, U+1F00-1F15, U+1F18-1F1D, U+1F20-1F45, U+1F48-1F4D, U+1F50-1F57, U+1F59, U+1F5B, U+1F5D, U+1F5F-1F7D, U+1F80-1FB4, U+1FB6-1FC4, U+1FC6-1FD3, U+1FD6-1FDB, U+1FDD-1FEF, U+1FF2-1FF4, U+1FF6-1FFE, U+2000-2010, U+2012-2022, U+2026, U+202F-2030, U+2032-2034, U+2039-203A, U+203C-203E, U+2044, U+205E-205F, U+2070-2071, U+2074-208E, U+2090-2094, U+2099, U+20A0-20B5, U+20B8-20BA, U+20DD, U+2105, U+2113, U+2116-2117, U+2120, U+2122, U+2126, U+212E, U+2132, U+214D-214E, U+2153-215F, U+2183-2184, U+2190-2199, U+21A8, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E-221F, U+2229, U+222B, U+2248, U+2260-2261, U+2264-2265, U+2302, U+2310, U+2320-2321, U+2460-2473, U+24EA-24F4, U+24FF-2500, U+2502, U+250C, U+2510, U+2514, U+2518, U+25A1, U+25AA-25AB, U+25CA-25CC, U+25CF, U+25E6, U+2600, U+263C, U+2669, U+2776-277F, U+2C60-2C6C, U+2C74-2C77, U+2E17, U+A717-A71A, U+A720-A721, U+F8FF, U+FB00-FB04, U+FB06, U+FE20-FE23, U+FEFF;\n}\n@font-face {\n font-family: Lato;\n font-weight: 100 900;\n font-style: italic;\n font-display: swap;\n 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\");\n unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-036F, U+0374-0375, U+037A-037E, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03CE, U+03D0-0486, U+0488-0513, U+0E3F, U+102D, U+102F, U+1031, U+1D00-1DCA, U+1DFE-1E9B, U+1E9E, U+1EA0-1EF9, U+1F00-1F15, U+1F18-1F1D, U+1F20-1F45, U+1F48-1F4D, U+1F50-1F57, U+1F59, U+1F5B, U+1F5D, U+1F5F-1F7D, U+1F80-1FB4, U+1FB6-1FC4, U+1FC6-1FD3, U+1FD6-1FDB, U+1FDD-1FEF, U+1FF2-1FF4, U+1FF6-1FFE, U+2000-2010, U+2012-2022, U+2026, U+202F-2030, U+2032-2034, U+2039-203A, U+203C-203E, U+2044, U+205E-205F, U+2070-2071, U+2074-208E, U+2090-2094, U+2099, U+20A0-20B5, U+20B8-20BA, U+20DD, U+2105, U+2113, U+2116-2117, U+2120, U+2122, U+2126, U+212E, U+2132, U+214D-214E, U+2153-215F, U+2183-2184, U+2190-2199, U+21A8, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E-221F, U+2229, U+222B, U+2248, U+2260-2261, U+2264-2265, U+2302, U+2310, U+2320-2321, U+2460-2473, U+24EA-24F4, U+24FF-2500, U+2502, U+250C, U+2510, U+2514, U+2518, U+25A1, U+25AA-25AB, U+25CA-25CC, U+25CF, U+25E6, U+2600, U+263C, U+2669, U+2776-277F, U+2C60-2C6C, U+2C74-2C77, U+2E17, U+A717-A71A, U+A720-A721, U+F8FF, U+FB00-FB04, U+FB06, U+FE20-FE23, U+FEFF;\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-rapproche-s: -0.5px;\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 + + + + + + + + + + + + {# Boîtes de texte #} +
+

+ Haïkus are short japanese poems written in three lines to capture the beauty of small details in the + everyday life. +

+ +

More than poetry, it’s a philosophy.

+
+ +
+

+ Haiku Atelier creates minimalist and subtil jewelry with an edgy twist, trying to distillate some poetry + through those small objects. +

+ +

+ Handcrafted with care in sustainable materials, each pieces has its uniqueness and is made to last. +

+
+ +
+

+ After learning the art of jewelry making for two years in Paris, Manon Designere launched the brand Haiku, + gleaning into the Japanese minimalist aesthetic. +

+ +

+ Now based in Brussels, she still makes everything by hand, pouring her soul into her work to share her + vision of the world. +

+
+ +
+

Here you can see some of the tools used at the studio.

+

+ From sketches to models, from soldering to polishing, the numerous steps behind each piece are what makes it + so unique. +

+

+ A touch of animism to value handcrafted objects, restrain mass production and lead toward slow life. +

+
+ +
+

+ We pay a lot of attention choosing the materials we work on: all of the pieces are made in 80% recycled + sterling silver. +

+

+ We also choose to propose many designs in a mix of sterling silver and silver gilded parts to avoid relying + too much on the gold plating process, which can be pollutant. +

+

+ The packagings are also carefully selected, produced nearby, made in eco-friendly coton or paper. Our gift + bags are even handmade in dead-stock fabrics. +

+
+ +
+

+ We hope that those small objects will move you, as we are moved by the beauty hidden behind a ray of + sunshine, a leaf falling from a branch, the smell of an old book, the song of birds before dawn... +

+

Haiku jewelry are like a bit of poetry to wear everywhere.

diff --git a/web/app/themes/haiku-atelier-2024/views/accueil.twig b/web/app/themes/haiku-atelier-2024/views/accueil.twig index 73f17f64..36cec0d0 100644 --- a/web/app/themes/haiku-atelier-2024/views/accueil.twig +++ b/web/app/themes/haiku-atelier-2024/views/accueil.twig @@ -10,7 +10,7 @@ data-index="1" > {{ - images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll1", "", 753, 900) + images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll1", "", 903, 1080) }} @@ -21,7 +21,7 @@ data-index="2" > {{ - images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll2", "", 753, 900) + images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll2", "", 903, 1080) }} @@ -32,7 +32,7 @@ data-index="3" > {{ - images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll3", "", 753, 900) + images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll3", "", 903, 1080) }} @@ -43,7 +43,7 @@ data-index="4" > {{ - images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll4", "", 753, 900) + images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll4", "", 903, 1080) }} @@ -54,7 +54,7 @@ data-index="5" > {{ - images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll5", "", 753, 900) + images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll5", "", 903, 1080) }} @@ -65,7 +65,7 @@ data-index="6" > {{ - images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll6", "", 753, 900) + images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll6", "", 903, 1080) }} @@ -76,7 +76,7 @@ data-index="7" > {{ - images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll7", "", 753, 900) + images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll7", "", 903, 1080) }} @@ -87,7 +87,7 @@ data-index="8" > {{ - images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll8", "", 753, 900) + images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll8", "", 903, 1080) }} @@ -98,7 +98,7 @@ data-index="9" > {{ - images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll9", "", 753, 900) + images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll9", "", 903, 1080) }} @@ -109,7 +109,7 @@ data-index="10" > {{ - images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll10", "", 753, 900) + images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll10", "", 903, 1080) }} @@ -120,7 +120,7 @@ data-index="11" > {{ - images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll11", "", 753, 900) + images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll11", "", 903, 1080) }} @@ -131,7 +131,7 @@ data-index="12" > {{ - images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll12", "", 753, 900) + images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll12", "", 903, 1080) }} @@ -142,7 +142,7 @@ data-index="13" > {{ - images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll13", "", 753, 900) + images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll13", "", 903, 1080) }} diff --git a/web/app/themes/haiku-atelier-2024/views/macros/images.twig b/web/app/themes/haiku-atelier-2024/views/macros/images.twig index a8789638..4516f694 100644 --- a/web/app/themes/haiku-atelier-2024/views/macros/images.twig +++ b/web/app/themes/haiku-atelier-2024/views/macros/images.twig @@ -1,13 +1,13 @@ {% macro genere_source_img_multi_formats(rel_url, alt="", width, height, id="") %} - + {# Bouton « Panier » avec l'indicateur de quantité de Produits #} -
+