All classes

This page is generated from the extension's catalog (apps/extension/src/language/catalog.ts) on every site build. These are exactly the classes offered by autocompletion and hover in VS Code.

Main layouts

Class	Description
`title`	Cover: # title, optional ## subtitle, paragraphs.
`toc`	Table of contents: numbered list, optional title.
`callout`	Key message: a single # title, centered across 100% of the width, with line wrapping. Same backgrounds as title; color-1 to color-9.
`chapter`	Chapter: # number and ## title, or a single # title.
`content`	Free content or a structured composition.
`closing`	Closing: # message and optional paragraphs.

Compositions

Class	Description
`gallery`	Regular gallery: one image alone per paragraph. Three columns by default; cols-2 to cols-6. 200 px frames.
`gallery-bento`	Fixed mosaic: exactly six images, each in its own paragraph. No cols-N.
`timeline`	Horizontal numbered list; cols-N sets the number of steps per row.
`timeline-vertical`	Vertical numbered list, without cols-N.
`chart-wide`	Two > blocks followed by an image alone or a Markdown table.
`image-fit`	A whole image within the content area, with the slide margins.
`image-full`	An image over the whole slide. Add bg to fill and crop.
`image-text`	Image on the left, 50% of the available width. Expects an image alone and a single > text block. The ratio always refers to the image.
`text-image`	Image on the right, 50% of the available width. Expects an image alone and a single > text block. The ratio always refers to the image.
`image-text-N`, `text-image-N`	N is 10 to 90 in steps of 10: the image’s share of the available width.

Columns

Class	Description
`cols-2`	2 > groups per row, or a parameter of gallery / timeline. Extra groups wrap to the next row.
`cols-3`	3 > groups per row, or a parameter of gallery / timeline. Extra groups wrap to the next row.
`cols-4`	4 > groups per row, or a parameter of gallery / timeline. Extra groups wrap to the next row.
`cols-5`	5 > groups per row, or a parameter of gallery / timeline. Extra groups wrap to the next row.
`cols-6`	6 > groups per row, or a parameter of gallery / timeline. Extra groups wrap to the next row.

Palettes

Class	Description
`color-1`	Palette 1: neutral, navy text. One palette per slide.
`color-2`	Palette 2: dark, orange accent. One palette per slide.
`color-3`	Palette 3: orange, navy text. One palette per slide.
`color-4`	Palette 4: light tinted. One palette per slide.
`color-5`	Palette 5: dark monochrome. One palette per slide.
`color-6`	Palette 6: light positive. One palette per slide.
`color-7`	Palette 7: light warning. One palette per slide.
`color-8`	Palette 8: dark positive. One palette per slide.
`color-9`	Palette 9: dark warning. One palette per slide.

Sizes

Class	Description
`medium`	Base text at 25 px. Margins and frames do not shrink.
`small`	Base text at 21 px. Margins and frames do not shrink.
`callout-size-N`	N is 50 to 180 in steps of 5: size of a callout title, in pixels.

Image fit

Class	Description
`fit`	Whole image (contain), the default behavior.
`bg`	Fills the frame (cover), with centered cropping. Not the same as `![bg](…)`.

Options

Class	Description
`with-title`	First # directly in the slide: full-width title. For content or toc.
`with-legend`	Last text paragraph: caption for the whole slide. Must follow the content.
`cards`	Styles > groups, gallery images or timeline steps. Does not create the groups.
`branded`	DWA signature at the top right. Backgrounds are already chosen by the layout.

Extension shortcut

Input	Result
`cover`	Inserts `title`, the name recognized by the theme

Families and rules

Family	How many per slide
Layout	Exactly one
Composition	At most one (`cols-N` can also configure `gallery` and `timeline`)
Palette	At most one
Size	At most one (`medium` or `small`; `callout-size-N` for `callout`)
Fit	At most one (`fit` or `bg`)
Options	Freely combinable