/* 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; } Chibi Rainbow - Manga - Peinture par numéros Plongez dans un univers doux et coloré avec Chibi Rainbow, une peinture par numéros signée Steloria. Inspirée du style manga chibi, cette création révèle des courbes délicates, des expressions tendres et une palette arc-en-ciel pensée pour caresser le regard. Chaque tracé devient une caresse, chaque teinte une émotion : un moment de création intime, accessible et profondément satisfaisant. Ce que contient la boîte Toile pré-imprimée de qualité, numérotée pour un guidage précis Peintures acryliques à séchage rapide, couvrantes et non toxiques Deux pinceaux complémentaires (fin et moyen) pour les détails et les aplats Guide de couleurs et conseils pas à pas pour un rendu professionnel Fixations légères pour suspendre votre œuvre une fois terminée Pourquoi choisir Chibi Rainbow Chibi Rainbow transforme un simple loisir en véritable rituel de bien-être. Sa méthode par numéros rend l’expérience accessible quel que soit votre niveau : aucune compétence préalable nécessaire, seulement l’envie de créer. La palette harmonieuse facilite l’assemblage des tons et produit un résultat gai, apaisant et résolument décoratif. C’est l’équilibre parfait entre détente créative et satisfaction esthétique. Atouts et idées d'usage Que vous cherchiez une pause délicieuse après une journée chargée ou un cadeau raffiné, Chibi Rainbow séduit par sa simplicité et son élégance. Offrez-vous ou offrez à un être cher le plaisir de peindre un personnage chibi au sourire lumineux, à encadrer dans un salon, une chambre d’ami ou un coin créatif. Avantages pratiques Facile à suivre : numéros clairs et guide inclus Matériel de qualité : couleurs durables et finitions nettes Relaxant : activité anti-stress qui canalise l’attention Décoratif : résultat prêt à être exposé Adapté à tous : idéal pour débutants comme pour amateurs confirmés Imaginez la douceur d’un arc-en-ciel sur papier, l’attention portée à chaque petit détail chibi, le plaisir de voir naître une pièce unique sous vos mains. Chibi Rainbow par Steloria invite à ralentir, à ressentir et à célébrer la couleur. Offrez-vous ce voyage sensoriel et laissez votre créativité rayonner. Description Modèle : Chibi Rainbow - MangaMéthode : Peinture par numérosNiveaux de difficulté : DébutantDimensions : 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