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

fill

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.

fill utility classes and CSS output

The fill utility classes generate the following CSS: fill-none produces 'fill: none;', fill-inherit produces 'fill: inherit;', fill-current produces 'fill: currentColor;', fill-transparent produces 'fill: transparent;'. For color values, fill-{name} produces 'fill: var(--color-{name});' where name corresponds to theme colors. Custom property syntax fill-(<custom-property>) produces 'fill: var(<custom-property>);'. Arbitrary color syntax fill-[<color>] produces 'fill: <color>;'.

fill utility for SVG elements

The fill utility classes are used for styling the fill of SVG elements. They apply the CSS fill property to change the color of SVG fills.

fill-current uses currentColor

The fill-current utility sets the fill color to the current text color by applying 'fill: currentColor;'. This allows the SVG fill to inherit and match the current text color, which is useful when combined with text color utilities and hover states.

fill utility with theme colors

The fill utility supports all theme colors through the fill-{color} syntax, such as fill-indigo-500, fill-lime-600, and fill-blue-500. Each generates the appropriate CSS variable reference to the color from the theme.

fill utility responsive design

The fill utility supports responsive design through breakpoint prefixes. You can use responsive variants like sm:fill-cyan-700, md:fill-cyan-500 to change the fill color at different screen sizes.

fill utility customization via theme

The fill utility can be customized by modifying the theme colors. Since fill utilities use theme colors, extending or overriding the color theme will affect available fill utility classes.

Give your agent this brain