new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Tailwind CSS v4 · all subjects

utilities/font-variant-numeric

12 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

font-variant-numeric utilities in Tailwind v4

Tailwind v4 provides the following font-variant-numeric utilities: normal-nums (font-variant-numeric: normal;), ordinal (font-variant-numeric: ordinal;), slashed-zero (font-variant-numeric: slashed-zero;), lining-nums (font-variant-numeric: lining-nums;), oldstyle-nums (font-variant-numeric: oldstyle-nums;), proportional-nums (font-variant-numeric: proportional-nums;), tabular-nums (font-variant-numeric: tabular-nums;), diagonal-fractions (font-variant-numeric: diagonal-fractions;), and stacked-fractions (font-variant-numeric: stacked-fractions;).

ordinal utility enables special glyphs for ordinal markers

The ordinal utility enables special glyphs for ordinal markers (like 1st, 2nd, 3rd) in fonts that support them by applying font-variant-numeric: ordinal;.

slashed-zero utility forces zero with slash

The slashed-zero utility forces a zero with a slash through it in fonts that support this variant by applying font-variant-numeric: slashed-zero;.

lining-nums utility aligns numbers by baseline

The lining-nums utility uses numeric glyphs that are aligned by their baseline in fonts that support them by applying font-variant-numeric: lining-nums;.

oldstyle-nums utility enables descenders on some numbers

The oldstyle-nums utility uses numeric glyphs where some numbers have descenders in fonts that support them by applying font-variant-numeric: oldstyle-nums;.

proportional-nums utility uses proportional width numbers

The proportional-nums utility uses numeric glyphs that have proportional widths in fonts that support them by applying font-variant-numeric: proportional-nums;.

tabular-nums utility uses uniform width numbers

The tabular-nums utility uses numeric glyphs that have uniform or tabular widths in fonts that support them by applying font-variant-numeric: tabular-nums;.

diagonal-fractions utility renders slash-separated numbers as diagonal fractions

The diagonal-fractions utility replaces numbers separated by a slash with common diagonal fractions in fonts that support them by applying font-variant-numeric: diagonal-fractions;.

stacked-fractions utility renders slash-separated numbers as stacked fractions

The stacked-fractions utility replaces numbers separated by a slash with common stacked fractions in fonts that support them by applying font-variant-numeric: stacked-fractions;.

font-variant-numeric utilities are composable

Multiple font-variant-numeric utilities can be combined on the same element to enable multiple variants at once, for example combining slashed-zero and tabular-nums.

normal-nums resets numeric font variants

The normal-nums utility resets numeric font variants by applying font-variant-numeric: normal;, allowing you to override previously applied font-variant-numeric utilities at different breakpoints.

font-variant-numeric utilities support responsive design

Font-variant-numeric utilities in Tailwind v4 support responsive design using the standard breakpoint prefix syntax, allowing different numeric variants at different screen sizes.

Give your agent this brain