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/inset-positioning

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.

inset utilities and their CSS properties

Tailwind v4 provides the following inset utilities that control positioned element placement: inset (maps to inset property), inset-x (maps to inset-inline), inset-y (maps to inset-block), inset-s (maps to inset-inline-start), inset-e (maps to inset-inline-end), inset-bs (maps to inset-block-start), inset-be (maps to inset-block-end), top (maps to top), right (maps to right), bottom (maps to bottom), and left (maps to left).

inset utility value formats

The inset, inset-x, inset-y, inset-s, inset-e, inset-bs, inset-be, top, right, bottom, and left utilities support the following value formats: <number> which calculates to calc(var(--spacing) * <number>), negative <number> (prefixed with dash) which calculates to calc(var(--spacing) * -<number>), <fraction> which calculates to calc(<fraction> * 100%), negative <fraction> which calculates to calc(<fraction> * -100%), px which is 1px, negative px (prefixed with dash) which is -1px, full which is 100%, negative full which is -100%, auto which is auto, (<custom-property>) which is var(<custom-property>), and [<value>] which is the literal <value>.

Using negative inset values

Negative inset values like -top-4 or -left-4 are created by prefixing the class name with a dash, which converts the value to a negative number.

Logical inset properties for text direction

Use inset-s-<number> (inset-inline-start) or inset-e-<number> (inset-inline-end) utilities to set positions based on text direction. These logical properties map to either the left or right side depending on whether the text direction is left-to-right or right-to-left. LTR and RTL modifiers can also be used for conditional styling based on current text direction.

inset utilities use spacing scale for customization

The inset, inset-x, inset-y, inset-s, inset-e, inset-bs, inset-be, top, left, bottom, and right utilities can be customized by modifying the spacing scale in the theme configuration.

Responsive design support for inset utilities

The inset, inset-x, inset-y, inset-s, inset-e, inset-bs, inset-be, top, left, bottom, and right utilities support responsive design through breakpoint prefixes.

Give your agent this brain