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

outline-offset

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.

outline-offset basic utilities

The outline-offset utility classes control the offset of an element's outline. The basic syntax is outline-offset-<number>, which generates outline-offset: <number>px;. For example, outline-offset-2 generates outline-offset: 2px; and outline-offset-4 generates outline-offset: 4px;.

outline-offset negative values

Negative outline-offset values can be applied using the -outline-offset-<number> syntax, which generates outline-offset: calc(<number>px * -1);. For example, -outline-offset-2 generates outline-offset: calc(2px * -1);, resulting in a negative 2px offset.

outline-offset custom property syntax

The outline-offset utility supports custom CSS properties using the syntax outline-offset-(<custom-property>), which generates outline-offset: var(<custom-property>);.

outline-offset arbitrary values

The outline-offset utility supports arbitrary values using square bracket notation. The syntax outline-offset-[<value>] generates outline-offset: <value>;. This allows specifying any valid CSS value directly.

outline-offset responsive design

The outline-offset utility supports responsive design with breakpoint prefixes. You can use syntax like sm:outline-offset-2 to apply different outline offsets at different screen sizes.

outline-offset with outline-width example

The outline-offset utility is commonly combined with outline width utilities. For example, outline-2 outline-offset-2 creates a 2px outline with a 2px offset from the element.

Give your agent this brain