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

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-weight utilities in Tailwind v4

Tailwind v4 provides the following font-weight utilities: font-thin (100), font-extralight (200), font-light (300), font-normal (400), font-medium (500), font-semibold (600), font-bold (700), font-extrabold (800), and font-black (900). Custom font weights can be applied using font-(<custom-property>) for CSS custom properties or font-[<value>] for arbitrary values.

font-thin utility class

The font-thin utility class applies font-weight: 100 to an element.

font-extralight utility class

The font-extralight utility class applies font-weight: 200 to an element.

font-light utility class

The font-light utility class applies font-weight: 300 to an element.

font-normal utility class

The font-normal utility class applies font-weight: 400 to an element.

font-medium utility class

The font-medium utility class applies font-weight: 500 to an element.

font-semibold utility class

The font-semibold utility class applies font-weight: 600 to an element.

font-bold utility class

The font-bold utility class applies font-weight: 700 to an element.

font-extrabold utility class

The font-extrabold utility class applies font-weight: 800 to an element.

font-black utility class

The font-black utility class applies font-weight: 900 to an element.

Custom font-weight with CSS custom property

The font-(<custom-property>) syntax allows applying a CSS custom property as a font weight value, generating font-weight: var(<custom-property>).

Arbitrary font-weight values

The font-[<value>] syntax allows specifying arbitrary font-weight values directly, generating font-weight: <value>.

Give your agent this brain