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/fill

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.

fill utility basic classes

The fill utility provides the following basic classes: fill-none (fill: none;), fill-inherit (fill: inherit;), fill-current (fill: currentColor;), and fill-transparent (fill: transparent;). These utilities style the fill of SVG elements.

fill utility color classes

The fill utility provides color classes using theme colors. Each color generates a class named fill-{name} that applies fill: var(--color-{name}). For example, fill-blue-500, fill-indigo-500, and fill-lime-600 are available color utility classes.

fill utility custom property syntax

The fill utility supports the fill-(<custom-property>) syntax to apply fill: var(<custom-property>), allowing use of custom CSS properties.

fill utility arbitrary value syntax

The fill utility supports the fill-[<color>] syntax for arbitrary color values, applying fill: <color> directly.

fill-current for inheriting text color

The fill-current utility sets the fill color of an SVG element to the current text color using fill: currentColor;. This is useful when you want the SVG fill to match the text color and respond to color changes on the parent element, such as on hover.

fill utility responsive design

The fill utility supports responsive design variants, allowing you to change the fill color at different breakpoints using syntax like fill-cyan-500 at default and fill-cyan-700 at larger breakpoints.

fill utility theme customization

The fill utility can be customized through the theme configuration by modifying colors, allowing you to define custom fill color classes alongside the default theme colors.

Give your agent this brain