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/scale

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.

scale utility classes available in v4

The scale utilities include: scale-none (scale: none), scale-<number> (e.g. scale-75, scale-100, scale-125), -scale-<number> for negative/mirrored scaling, scale-(<custom-property>) for using CSS custom properties, and scale-[<value>] for arbitrary values.

scale-x and scale-y axis-specific utilities

Scale utilities support axis-specific scaling: scale-x-<number> scales only on the x-axis, scale-y-<number> scales only on the y-axis. Both support negative values with -scale-x-<number> and -scale-y-<number>, custom properties with scale-x-(<custom-property>) and scale-y-(<custom-property>), and arbitrary values with scale-x-[<value>] and scale-y-[<value>].

scale-z and scale-3d utilities for 3D transforms

For 3D scaling, scale-z-<number> scales along the z-axis and supports negative values (-scale-z-<number>), custom properties (scale-z-(<custom-property>)), and arbitrary values (scale-z-[<value>]). The scale-3d utility applies scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z) to combine all three axes.

How negative scale values work

Negative scale values like -scale-100 use calc(<number>% * -1) to mirror and invert the scaling on both axes. For axis-specific utilities, -scale-x-75 produces calc(75% * -1) on the x-axis while -scale-y-125 produces calc(125% * -1) on the y-axis.

Arbitrary scale values syntax

Scale utilities support arbitrary values using the bracket syntax: scale-[<value>], scale-x-[<value>], scale-y-[<value>], and scale-z-[<value>]. This allows any custom scale value to be applied directly without predefined options.

Custom property scale values

Scale utilities support CSS custom properties using the parentheses syntax: scale-(<custom-property>), scale-x-(<custom-property>), scale-y-(<custom-property>), and scale-z-(<custom-property>). This generates scale: var(<custom-property>) or axis-specific variants using the variable.

Give your agent this brain