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

text-decoration-thickness

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

Text decoration thickness responsive design

Text decoration thickness utilities support responsive design variants. You can apply different decoration thickness values at different breakpoints using the responsive modifier syntax, such as md:decoration-4.

decoration-<number> utility classes

The decoration-<number> utilities control text decoration thickness using pixel values. The class name decoration-<number> produces the CSS text-decoration-thickness: <number>px;. Examples include decoration-1, decoration-2, and decoration-4.

decoration-from-font utility

The decoration-from-font utility sets text decoration thickness to use the font's own thickness value, producing CSS text-decoration-thickness: from-font;.

decoration-auto utility

The decoration-auto utility sets text decoration thickness to auto, producing CSS text-decoration-thickness: auto;.

decoration-(length:<custom-property>) utility

The decoration-(length:<custom-property>) utility allows using a custom CSS property for text decoration thickness, producing CSS text-decoration-thickness: var(<custom-property>);.

decoration-[<value>] arbitrary value syntax

The decoration-[<value>] syntax allows specifying arbitrary values for text decoration thickness, producing CSS text-decoration-thickness: <value>;.

Text decoration thickness example with decoration-1, decoration-2, decoration-4

Use decoration-<number> utilities like decoration-1, decoration-2, and decoration-4 in combination with the underline class to change text decoration thickness. Example: <p class="underline decoration-1">The quick brown fox...</p>, <p class="underline decoration-2">The quick brown fox...</p>, <p class="underline decoration-4">The quick brown fox...</p>.

Text decoration thickness custom value example

Custom text decoration thickness values can be set using the arbitrary value syntax. For example, decoration-[0.25rem] sets the text decoration thickness to 0.25rem using the CSS property text-decoration-thickness.

Give your agent this brain