asw/site/content/docs/typography/prose.md
Ludo fe8ddd6153
feat: add [data-demo] attribute, purge all inline CSS from docs
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>
2026-04-11 18:53:59 +02:00

28 lines
876 B
Markdown

---
title: "Prose"
description: "Body text, unordered lists, ordered lists, and blockquotes in ASW."
type: docs
weight: 17
date: 2026-04-11
tags: ["typography", "prose", "lists", "blockquote"]
ai-disclosure: "generated"
ai-model: "claude-sonnet-4-6"
ai-provider: "Anthropic"
---
ASW sets comfortable line-height, paragraph spacing, and list markers on prose elements automatically. Write plain HTML and the reading experience takes care of itself.
## Inline Demo
<div data-demo>
<p>This is a body paragraph. ASW uses a fluid font size and generous line-height so long-form text remains comfortable to read on any screen width.</p>
<ul>
<li>First item in an unordered list</li>
<li>Second item</li>
<li>Third item</li>
</ul>
<blockquote>
<p>Good design is as little design as possible.</p>
<footer>— Dieter Rams</footer>
</blockquote>
</div>