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/text-shadow

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.

text-shadow utility classes - predefined sizes

Tailwind v4 provides text-shadow utilities in predefined sizes: text-shadow-2xs (0px 1px 0px rgb(0 0 0 / 0.15)), text-shadow-xs (0px 1px 1px rgb(0 0 0 / 0.2)), text-shadow-sm (0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075)), text-shadow-md (0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1)), and text-shadow-lg (0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1)).

text-shadow-none removes text shadow

The text-shadow-none utility removes an existing text shadow from an element by setting text-shadow to none.

text-shadow with custom property syntax

You can use text-shadow-(<custom-property>) to apply a custom CSS property as a text shadow, which expands to text-shadow: var(<custom-property>). You can also use text-shadow-[<value>] for arbitrary values.

text-shadow color utilities

Color-specific text-shadow utilities are available matching the color palette, such as text-shadow-sky-300 and text-shadow-indigo-500. These set the --tw-text-shadow-color custom property. Color utilities like text-shadow-inherit, text-shadow-current, and text-shadow-transparent are also available. By default colored shadows have an opacity of 100%.

text-shadow opacity modifier

Text shadow utilities support opacity modifiers using the slash notation, such as text-shadow-lg/20 or text-shadow-lg/30. The default text shadow opacities are quite low (20% or less), so increasing the opacity will make text shadows more pronounced.

text-shadow customization via theme

You can customize text shadows in the theme by setting the text-shadow key. You can add custom text shadow sizes like xl with values such as '0 35px 35px rgb(0, 0, 0 / 0.25)'. Shadow colors can be customized via the color palette.

Give your agent this brain