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

caret-color

5 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

caret-color utility classes

The caret-color utility provides the following classes: caret-inherit (caret-color: inherit;), caret-current (caret-color: currentColor;), caret-transparent (caret-color: transparent;), caret-{color} for each color in the theme using caret-color: var(--color-{color};), caret-<custom-property> to use a custom CSS variable (caret-color: var(<custom-property>);), and caret-[<value>] for arbitrary values (caret-color: <value>;).

caret-color basic example

To change the color of the text input cursor, use utilities like caret-rose-500 and caret-lime-600 applied to input or textarea elements.

caret-color with arbitrary values

You can use arbitrary color values with the caret-[<value>] syntax, for example caret-[#50d71e] to set a specific hex color for the text input cursor.

caret-color responsive design

The caret-color utility supports responsive design variants. You can use responsive prefixes like md:caret-lime-600 to change the caret color at different breakpoints.

caret-color customization

The caret-color utility can be customized through the theme configuration using the same color palette as other color utilities in Tailwind CSS.

Give your agent this brain