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-stretch

5 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-stretch utilities available in v4

Tailwind CSS v4 provides the following font-stretch utilities: font-stretch-ultra-condensed (50%), font-stretch-extra-condensed (62.5%), font-stretch-condensed (75%), font-stretch-semi-condensed (87.5%), font-stretch-normal (100%), font-stretch-semi-expanded (112.5%), font-stretch-expanded (125%), font-stretch-extra-expanded (150%), and font-stretch-ultra-expanded (200%). Additionally, arbitrary percentage values can be used with font-stretch-<percentage>, custom properties with font-stretch-(<custom-property>), and arbitrary values with font-stretch-[<value>].

font-stretch utility CSS output

Each font-stretch utility generates a CSS font-stretch property with the corresponding value. For example, font-stretch-condensed generates font-stretch: condensed; and font-stretch-<percentage> generates font-stretch: <percentage>;

font-stretch only applies to fonts with width variations

Font-stretch utilities only apply to fonts that have multiple width variations available. If a font does not have width variations, the browser will select the closest match.

Using percentage values with font-stretch

Font-stretch utilities support percentage values using the font-stretch-<percentage> syntax, allowing values like font-stretch-50%, font-stretch-100%, and font-stretch-150%.

font-stretch supports responsive design

Font-stretch utilities in Tailwind CSS v4 support responsive design, allowing different font-stretch values to be applied at different breakpoints.

Give your agent this brain