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 · Utilities reference · all subjects

font-stretch

6 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 utility classes and CSS output

The font-stretch utilities produce the following CSS: font-stretch-ultra-condensed produces 'font-stretch: ultra-condensed; /* 50% */', font-stretch-extra-condensed produces 'font-stretch: extra-condensed; /* 62.5% */', font-stretch-condensed produces 'font-stretch: condensed; /* 75% */', font-stretch-semi-condensed produces 'font-stretch: semi-condensed; /* 87.5% */', font-stretch-normal produces 'font-stretch: normal; /* 100% */', font-stretch-semi-expanded produces 'font-stretch: semi-expanded; /* 112.5% */', font-stretch-expanded produces 'font-stretch: expanded; /* 125% */', font-stretch-extra-expanded produces 'font-stretch: extra-expanded; /* 150% */', font-stretch-ultra-expanded produces 'font-stretch: ultra-expanded; /* 200% */'.

font-stretch percentage syntax

Use font-stretch-<percentage> utilities to set the width of a font face using a percentage value, for example font-stretch-50%, font-stretch-100%, or font-stretch-150%. This produces CSS: font-stretch: <percentage>;

font-stretch custom property syntax

Use font-stretch-(<custom-property>) syntax to reference a CSS custom property, which produces font-stretch: var(<custom-property>);

font-stretch arbitrary value syntax

Use font-stretch-[<value>] syntax with square brackets to apply arbitrary values, which produces font-stretch: <value>;

font-stretch applies only to multi-width fonts

Font-stretch utilities only apply to fonts that have multiple width variations available. Otherwise the browser selects the closest match.

font-stretch responsive design support

Font-stretch utilities support responsive design variants. The default class is font-stretch-normal and featured class is font-stretch-expanded.

Give your agent this brain