Numeric
Utilities for numeric typography (tabular numerals).
Quick reference
Section titled “Quick reference”| Class | Styles |
|---|---|
af-numeric | font-variant-numeric: tabular-nums |
Examples
Section titled “Examples”Tabular numerals
1,234.56
98,765.43
<div style="display:grid; gap: var(--af-space-2);">
<div class="af-numeric">
1,234.56
</div>
<div class="af-numeric">
98,765.43
</div>
</div>Available classes
Section titled “Available classes”af-numeric(tabular numerals)
Responsive variants
Section titled “Responsive variants”All numeric utilities support responsive variants using the @{bp} suffix.
See Responsive Suffix for syntax and breakpoints.