Ludo
fe8ddd6153
New data-demo attribute for demo blocks in documentation. Replaced 16 files worth of inline style="" wrappers with <div data-demo>. Only remaining style= is charts --size data injection (legitimate). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
24 lines
617 B
Markdown
24 lines
617 B
Markdown
---
|
|
title: "Headings"
|
|
description: "ASW styles all six heading levels with a consistent typographic scale."
|
|
type: docs
|
|
weight: 16
|
|
date: 2026-04-11
|
|
tags: ["typography", "headings"]
|
|
ai-disclosure: "generated"
|
|
ai-model: "claude-sonnet-4-6"
|
|
ai-provider: "Anthropic"
|
|
---
|
|
|
|
Headings `h1` through `h6` are sized using a fluid scale derived from the token system. No classes are needed — the element name is the selector.
|
|
|
|
## Inline Demo
|
|
|
|
<div data-demo>
|
|
<h1>Heading level 1</h1>
|
|
<h2>Heading level 2</h2>
|
|
<h3>Heading level 3</h3>
|
|
<h4>Heading level 4</h4>
|
|
<h5>Heading level 5</h5>
|
|
<h6>Heading level 6</h6>
|
|
</div>
|