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/border-color

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.

border-color utilities - all variants

Border color utilities in Tailwind CSS v4 include: border (border-color), border-x (border-inline-color), border-y (border-block-color), border-s (border-inline-start-color), border-e (border-inline-end-color), border-bs (border-block-start-color), border-be (border-block-end-color), border-t (border-top-color), border-r (border-right-color), border-b (border-bottom-color), border-l (border-left-color), and divide (applies border-color to all children except the last one). Each utility supports color modifiers: -inherit, -current, -transparent, named colors from the theme (e.g. -rose-500), custom properties with -(<custom-property>) syntax, and arbitrary values with -[<value>] syntax. Opacity can be controlled with / notation (e.g. border-indigo-500/75).

border-color logical properties

Logical border color utilities border-s (border-inline-start-color) and border-e (border-inline-end-color) map to left or right based on text direction. border-bs (border-block-start-color) and border-be (border-block-end-color) map to top or bottom based on writing mode.

divide utility for child borders

The divide utility (e.g. divide-indigo-500) controls the border color between child elements. It applies border-color to all children except the last one using the CSS rule: & > :not(:last-child) { border-color: <value> }.

border-color with custom properties

Border color utilities support custom CSS properties using the -(<custom-property>) syntax, which generates var(<custom-property>) in the CSS.

border-color with arbitrary values

Border color utilities support arbitrary values using the -[<value>] syntax, which allows any CSS value to be used directly.

border-color opacity modifier

Border color opacity can be controlled using the / notation (e.g. border-indigo-500/100, border-indigo-500/75, border-indigo-500/50) to adjust transparency.

Default border color changed to currentColor

In v4, border-* and divide-* utilities now default to currentColor instead of gray-200. You must explicitly specify a color when using these utilities. To preserve v3 behavior, add base styles that set border-color to var(--color-gray-200, currentColor).

Give your agent this brain