Utilities

Utility data-attributes in ASW for text variants, spacing, and display.

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

data-text="mono" — monospace font

data-text="dim" — reduced opacity / muted

data-text="accent" — accent colour

data-text="small" — smaller font size