Skip to content

Toutes les classes ​

Cette page est générée à partir du catalogue de l’extension (apps/extension/src/language/catalog.ts) à chaque construction du site. Ce sont exactement les classes que proposent l’autocomplétion et le survol dans VS Code.

Layouts principaux ​

ClasseDescription
titleCouverture : # titre, ## sous-titre facultatif, paragraphes.
tocSommaire : liste numérotée, titre facultatif.
calloutMessage clé : un seul # titre centré sur 100 % de la largeur, avec retour à la ligne. Fonds identiques à title ; color-1 à color-9.
chapterChapitre : # numéro et ## titre, ou un seul # titre.
contentContenu libre ou composition structurée.
closingConclusion : # message et paragraphes facultatifs.

Compositions ​

ClasseDescription
galleryGalerie régulière : une image seule par paragraphe. Trois colonnes par défaut ; cols-2 à cols-6. Cadres de 200 px.
gallery-bentoMosaïque fixe : exactement six images, chacune dans son paragraphe. Pas de cols-N.
timelineListe numérotée horizontale ; cols-N définit le nombre d’étapes par ligne.
timeline-verticalListe numérotée verticale, sans cols-N.
chart-wideDeux blocs > suivis d’une image seule ou d’un tableau Markdown.
image-fitUne image entière dans la zone utile, avec les marges de slide.
image-fullUne image sur toute la slide. Ajouter bg pour remplir et recadrer.
image-textImage à gauche, 50 % de la largeur disponible. Attend une image seule et un unique bloc de texte >. Le ratio désigne toujours l’image.
text-imageImage à droite, 50 % de la largeur disponible. Attend une image seule et un unique bloc de texte >. Le ratio désigne toujours l’image.
image-text-N, text-image-NN vaut 10 à 90 par pas de 10 : part de l’image dans la largeur disponible.

Colonnes ​

ClasseDescription
cols-22 groupes > par ligne, ou paramètre de gallery / timeline. Les groupes supplémentaires passent à la ligne.
cols-33 groupes > par ligne, ou paramètre de gallery / timeline. Les groupes supplémentaires passent à la ligne.
cols-44 groupes > par ligne, ou paramètre de gallery / timeline. Les groupes supplémentaires passent à la ligne.
cols-55 groupes > par ligne, ou paramètre de gallery / timeline. Les groupes supplémentaires passent à la ligne.
cols-66 groupes > par ligne, ou paramètre de gallery / timeline. Les groupes supplémentaires passent à la ligne.

Palettes ​

ClasseDescription
color-1Palette 1 : neutre, texte bleu marine. Une seule palette par slide.
color-2Palette 2 : sombre, accent orange. Une seule palette par slide.
color-3Palette 3 : orange, texte bleu marine. Une seule palette par slide.
color-4Palette 4 : claire teintée. Une seule palette par slide.
color-5Palette 5 : sombre monochrome. Une seule palette par slide.
color-6Palette 6 : positive claire. Une seule palette par slide.
color-7Palette 7 : alerte claire. Une seule palette par slide.
color-8Palette 8 : positive sombre. Une seule palette par slide.
color-9Palette 9 : alerte sombre. Une seule palette par slide.

Tailles ​

ClasseDescription
mediumTexte de base à 25 px. Les marges et cadres ne rétrécissent pas.
smallTexte de base à 21 px. Les marges et cadres ne rétrécissent pas.
callout-size-NN vaut 50 à 180 par pas de 5 : taille du titre d’un callout, en pixels.

Ajustement des images ​

ClasseDescription
fitImage entière (contain), comportement par défaut.
bgRemplit le cadre (cover), avec recadrage centré. Différent de ![bg](…).

Options ​

ClasseDescription
with-titlePremier # directement dans la slide : titre sur toute la largeur. Pour content ou toc.
with-legendDernier paragraphe de texte : légende de toute la slide. Doit suivre le contenu.
cardsHabille les groupes >, images de galerie ou étapes de timeline. Ne crée pas les groupes.
brandedSignature DWA en haut à droite. Les fonds sont déjà choisis par le layout.

Raccourci de l’extension ​

SaisieRésultat
coverInsère title, le nom reconnu par le thème

Familles et règles ​

FamilleCombien par slide
LayoutExactement un
CompositionAu plus une (cols-N peut aussi paramétrer gallery et timeline)
PaletteAu plus une
TailleAu plus une (medium ou small ; callout-size-N pour callout)
AjustementAu plus un (fit ou bg)
OptionsLibrement combinables

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