Components

Most pages show how Askr styles native Quarto article components. The Cards page documents one opt-in authoring pattern built from Quarto’s native fenced divs. Each page below focuses on one family or pattern.

Already changed

• Headings. Level-two headings no longer draw Quarto’s bottom rule. A divider is an explicit --- instead.

• Prose. Article links, highlight, list markers, blockquotes, and the content divider.

• Callouts. The five native types, their shell, icons, and disclosure chevron.

• Cards. A CSS-only nested fenced-div pattern with a real heading and one title link.

• Code. Inline code, fenced blocks, and local overflow.

• Tables. Header and cell rules.

• Mathematics. Display math scrolls inside the measure.

• References. In-text citations and the reference list.

• Image viewer. Static SVG, PNG and JPEG with image zoom, pan and Fit, inline or in a floating window.

• Chart viewer. An interactive HTML chart with its own hover, zoom, pan and reset controls, inline or in a floating window.

Still Quarto’s own presentation

• Figures and groups. Columns, tabsets, diagrams, and an image from Embla. The groups stay Quarto’s own presentation. The image uses Quarto’s folded Source.
• Saved notebook output. A real executed cell, separate from a fenced code block.

Chrome such as Areas, the Page List, and the centered measure is recorded on the Layout page.