Skip to content

Combinaisons et limites ​

Ce qui est prévu, ce qui ne l’est pas ​

AssociationStatut
content cols-3 cardsprévue
content gallery cols-3 bgprévue
content timeline cols-4 cardsprévue
content image-text-80 fit with-titleprévue
content gallery-bento cols-3à éviter géométrie fixe du bento
content image-text-80 timelineincompatible deux compositions
title cols-2non prévue
color-1 color-2ambiguë deux palettes
small mediumambiguë deux tailles
fit bgambiguë deux ajustements

Le navigateur ne vous préviendra pas ​

Une combinaison invalide n’est pas rejetée par le navigateur : certaines règles l’emportent par spécificité ou par ordre de déclaration, et le résultat peut être trompeur. Une classe inconnue peut ne produire aucun effet. N’inventez pas de suffixes comme image-text-73 en supposant que le nombre sera compris.

C’est précisément le rôle de l’extension VS Code : elle connaît le catalogue et signale classes inconnues, combinaisons ambiguës et structures incorrectes. Voir Rédiger avec l’assistance.

Le contenu qui dépasse ​

Le contenu qui dépasse la slide peut être masqué (overflow: hidden) : vous ne le verrez pas forcément dans l’aperçu. Recours, dans l’ordre :

  1. medium ou small ;
  2. raccourcir le contenu ;
  3. créer une slide supplémentaire.

Le thème seul ne mesure rien et ne découpe pas les pages. L’extension, elle, mesure le rendu dans Chromium et signale les débordements. Voir Débordements et callouts.

Autres limites à connaître ​

  • Les dispositions image/texte attendent une image et un groupe de texte.
  • Le bento attend six images et ne calcule pas de mosaïque arbitraire.
  • Une légende correspond à la slide entière, pas à chaque carte.
  • Les fonds opaques limitent l’indépendance parfaite entre palette et habillage (voir les teintes superposées).
  • Les fonctions CSS modernes comme :has() et color-mix() exigent un moteur de rendu récent.
  • Un changement de police ou de thème peut modifier les retours à la ligne.
  • Un thème doit implémenter ce contrat pour accepter ces classes : le langage n’est pas natif des thèmes Marp ordinaires. Voir Créer un thème compatible.

Documentation du langage DWA Core v1, de l’extension VS Code, du CLI et du portail des thèmes.