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

flex-shrink

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

shrink utility class

The shrink utility class applies flex-shrink: 1; to allow a flex item to shrink if needed.

shrink-0 utility class

The shrink-0 utility class applies flex-shrink: 0; to prevent a flex item from shrinking.

shrink-<number> utility syntax

The shrink-<number> utility syntax applies flex-shrink: <number>; where <number> can be any numeric value to control the flex shrink factor.

shrink-[<value>] arbitrary value syntax

The shrink-[<value>] syntax allows arbitrary values for flex-shrink by using square brackets, applying flex-shrink: <value>;

shrink-(<custom-property>) custom property syntax

The shrink-(<custom-property>) syntax allows using CSS custom properties with the flex-shrink property, applying flex-shrink: var(<custom-property>);

flex-shrink responsive design

The flex-shrink utilities support responsive design variants. The default class is shrink and a featured responsive example uses shrink-0, allowing different shrink behavior at different breakpoints.

shrink custom value example

Custom values can be used with the shrink utility for the flex shrink factor property. For example, shrink-[calc(100vw-var(--sidebar))] would apply a calculated shrink value based on a custom sidebar variable.

Give your agent this brain