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

letter-spacing

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.

letter-spacing tracking utility classes

The tracking utilities control letter spacing. The available utilities are: tracking-tighter (letter-spacing: var(--tracking-tighter); /* -0.05em */), tracking-tight (letter-spacing: var(--tracking-tight); /* -0.025em */), tracking-normal (letter-spacing: var(--tracking-normal); /* 0em */), tracking-wide (letter-spacing: var(--tracking-wide); /* 0.025em */), tracking-wider (letter-spacing: var(--tracking-wider); /* 0.05em */), and tracking-widest (letter-spacing: var(--tracking-widest); /* 0.1em */).

tracking utility custom property syntax

The tracking utility supports two custom value syntaxes: tracking-(<custom-property>) which applies letter-spacing: var(<custom-property>), and tracking-[<value>] which applies letter-spacing: <value>.

tracking utility with negative values

Negative letter spacing values can be used by prefixing the class name with a dash, such as -tracking-2. This is useful when the tracking scale has been customized with numeric values. To use negative values, first customize the theme with numeric tracking values like --tracking-1, --tracking-2, etc., then apply the negative class.

Basic letter-spacing example

This example shows tracking-tight, tracking-normal, and tracking-wide applied to paragraphs: ```html <p class="tracking-tight ...">The quick brown fox ...</p> <p class="tracking-normal ...">The quick brown fox ...</p> <p class="tracking-wide ...">The quick brown fox ...</p> ```

Customizing letter-spacing theme values

Letter spacing can be customized in the theme using @theme. For example, to use a numeric scale instead of the default named values, define custom properties like --tracking-1: 0em, --tracking-2: 0.025em, --tracking-3: 0.05em, --tracking-4: 0.1em. Individual values can also be added, such as a custom 'tightest' variant with --tracking-tightest: -0.075em.

letter-spacing responsive design support

The tracking utilities support responsive design using breakpoint prefixes. Different letter-spacing values can be applied at different screen sizes.

Give your agent this brain