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>
22 lines
823 B
Markdown
22 lines
823 B
Markdown
---
|
|
title: "Utilities"
|
|
description: "Utility data-attributes in ASW for text variants, spacing, and display."
|
|
type: docs
|
|
weight: 43
|
|
date: 2026-04-11
|
|
tags: ["reference", "utilities", "data-attributes"]
|
|
ai-disclosure: "generated"
|
|
ai-model: "claude-sonnet-4-6"
|
|
ai-provider: "Anthropic"
|
|
---
|
|
|
|
ASW provides a small set of utility attributes for inline adjustments. Rather than class names, these use `data-*` attributes to stay in the semantic-HTML spirit of the framework.
|
|
|
|
## Inline Demo
|
|
|
|
<div data-demo>
|
|
<p><span data-text="mono">data-text="mono"</span> — monospace font</p>
|
|
<p><span data-text="dim">data-text="dim"</span> — reduced opacity / muted</p>
|
|
<p><span data-text="accent">data-text="accent"</span> — accent colour</p>
|
|
<p><span data-text="small">data-text="small"</span> — smaller font size</p>
|
|
</div>
|