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-width

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.

outline utility class

The outline class sets outline-width to 1px.

outline-<number> utilities syntax

Use outline-<number> utilities to set outline width in pixels. For example, outline-2 sets outline-width to 2px, and outline-4 sets outline-width to 4px.

outline with custom property

Use the outline-(length:<custom-property>) syntax to set outline width from a custom CSS property. This generates outline-width: var(<custom-property>).

outline with arbitrary value

Use the outline-[<value>] syntax to set outline width to an arbitrary value. This generates outline-width: <value>.

outline focus state variant

Use the focus:outline-<number> variant to apply outline width on focus state. For example, focus:outline-2 applies a 2px outline when the element receives focus.

outline responsive design

Outline width utilities support responsive design modifiers. Use breakpoint prefixes like sm:outline-2 to apply different outline widths at different screen sizes.

outline-width responsive example

Focus the button to see the outline added at different breakpoints with responsive design. Use breakpoint prefixes to control outline width across different screen sizes.

Give your agent this brain