/* CONTENEUR EN FLEX */ .accordion { display:flex; flex-direction:column; gap:0; /* lignes séparatrices gérées par border */ max-width: 880px; margin: 0 auto; } /* ITEM EN FLEX COLONNE */ .accordion-item { display:flex; flex-direction:column; } /* En-tête : H2 + bouton (ligne en flex) */ .accordion h2 { margin:0; } .accordion button{ all: unset; display:flex; /* FLEX ICI */ align-items:center; justify-content:space-between; gap:14px; width:100%; cursor:pointer; padding:10px 6px; } .accordion .label { flex:1; font-size: clamp(16px, 1.8vw, 22px); font-weight:700; color: #464746; } .accordion button:focus-visible { outline: 3px solid #1a73e8; outline-offset: 3px; border-radius:6px; } /* Icônes en ligne (flex child) */ .icona { width:22px; height:22px; opacity:.85; margin-right:6px; color: #464746; } .title-left { display:flex; align-items:center; gap:14px; } /* Chevron */ .chevrona { width:22px; height:22px; flex:0 0 22px; transition: transform .2s ease; color: #464746; } [aria-expanded="true"] .chevrona{ transform: rotate(-180deg); } /* PANNEAU EN FLEX COLONNE + TRANSITION hauteur */ .panel { display:flex; /* FLEX ICI */ flex-direction:column; overflow:hidden; max-height:0; /* fermé */ transition:max-height .28s ease; } .panel[data-open="true"] { max-height: 600px; /* valeur assez grande pour contenir le contenu */ } .panel > div { padding: 0 6px 18px 6px; color: var(--muted); line-height: 1.6; font-size: 16px; } Poster San Francisco - Peinture par numéros Offrez-vous une escapade colorée avec le Poster San Francisco de Steloria. Conçu pour éveiller les sens, ce kit transforme la célèbre baie, ses collines et son célèbre pont en une œuvre intime que vous peignez pas à pas. Un résultat chic et personnalisé, facile à obtenir même sans expérience. Une escapade visuelle à peindre Imaginez la silhouette du Golden Gate baignante dans une lumière douce, les toits qui se soudent au brouillard matinal et les lignes qui dessinent la ville. Chaque numéro vous guide comme une caresse : appliquez la couleur, laissez la teinte se révéler, puis contemplez. Le rendu est élégant, lumineux et immédiatement prêt à sublimer un mur ou un coin lecture. Kit complet et simple d’utilisation Steloria a pensé ce poster pour que la création reste fluide et agréable. Le format pré-imprimé vous permet de vous concentrer sur l’application des teintes, sans tâtonnements. Les pigments sont pensés pour se fondre harmonieusement, offrant des dégradés délicats et des contrastes sophistiqués. Toile pré-imprimé de haute qualité, facile à encadrer Palette de couleurs harmonisée, spécialement sélectionnée pour San Francisco Pots de peinture acrylique non toxiques, couvrants et rapides à sécher Trois pinceaux de tailles différentes pour détails et aplats Instructions claires étape par étape, adaptées aux débutants Conseils d’encadrement et d’entretien pour une finition durable Caractéristiques & avantages Qualité, durabilité et finition Le papier est robuste, à grain fin, conçu pour absorber la peinture sans gondoler. Les couleurs résistent au temps et conservent leur intensité une fois sèches. Le résultat final présente une netteté digne d’une petite édition d’art, prête à orner votre intérieur ou à offrir. Pour qui et pourquoi l’offrir Ce poster-par-numéros convient à tous : amateurs d’art, novices en quête de relaxation, couples à la recherche d’une activité complice, ou comme cadeau élégant pour un foyer cher. Il invite à la détente, développe la concentration et transforme un moment créatif en souvenir visible. Détente garantie et anti-stress Décoration sur mesure, signée Steloria Activité accessible pour tous les âges Idée cadeau élégante et mémorable Laissez Steloria vous guider : peignez, savourez chaque nuance, et accrochez votre propre vision de San Francisco. Un geste simple pour une décoration qui raconte une histoire. Description Modèle : Poster San FranciscoMéthode : Peinture par numérosNiveaux de difficulté : IntermédiaireDimensions : 50x40cmOptions de cadre : Vendu sans cadreSupport : Toile de lin/coton traitée et impriméeType de peinture : Acrylique (24 couleurs)Emballage : roulé ou plié dans un emballage sécurisé // Accordéon : un seul panneau ouvert à la fois const accordion = document.getElementById('accordion'); const buttons = accordion.querySelectorAll('.accordion-item h2 > button'); function closeItem(btn){ btn.setAttribute('aria-expanded', 'false'); const panel = document.getElementById(btn.getAttribute('aria-controls')); panel.dataset.open = "false"; panel.style.maxHeight = null; } function openItem(btn){ btn.setAttribute('aria-expanded', 'true'); const panel = document.getElementById(btn.getAttribute('aria-controls')); panel.dataset.open = "true"; // ajuste la hauteur pour la transition panel.style.maxHeight = panel.scrollHeight + "px"; } buttons.forEach(btn => { btn.addEventListener('click', () => { const wasOpen = btn.getAttribute('aria-expanded') === 'true'; // ferme tous les items buttons.forEach(closeItem); // ouvre seulement celui cliqué s'il n'était pas déjà ouvert if (!wasOpen) openItem(btn); }); // touche Entrée/Espace pour accessibilité btn.addEventListener('keydown', (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); btn.click(); } }); }); // (Optionnel) ouvrir le premier par défaut : // if (buttons.length) openItem(buttons[0]);
Related
Related
Related
Related