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

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.

bg- utility class syntax

Background color utilities follow the pattern bg-{color} where color comes from the theme. The utility generates background-color: var(--color-{name}); CSS. Special values include bg-inherit, bg-current, and bg-transparent.

bg- with opacity modifier

Background color opacity can be controlled using the slash syntax: bg-{color}/{opacity-value}. For example, bg-sky-500/100, bg-sky-500/75, and bg-sky-500/50 control the opacity level of the background color.

bg- with custom property

The background color utility supports custom CSS properties using the syntax bg-(<custom-property>), which generates background-color: var(<custom-property>);

bg- with arbitrary value

The background color utility supports arbitrary values using the syntax bg-[<value>], which generates background-color: <value>;. This allows using any CSS value directly.

bg- supports state variants

Background color utilities can be applied to specific states using variant syntax such as hover:bg-{color}. The example shows hover:bg-fuchsia-500 to change background color on hover.

bg- supports responsive design

Background color utilities support responsive design through breakpoint prefixes to apply different background colors at different screen sizes.

Give your agent this brain