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

editor-setup

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.

Tailwind CSS custom at-rules syntax

Tailwind CSS uses custom CSS syntax including @theme, @variant, and @source at-rules. Some editors may trigger warnings or errors because these rules are not recognized as standard CSS. Native CSS linting and validations may need to be disabled in strict editors.

Tailwind CSS IntelliSense for VS Code features

The official Tailwind CSS IntelliSense extension for Visual Studio Code provides autocomplete with intelligent suggestions for utility classes and CSS functions and directives, linting to highlight errors and potential bugs in CSS and markup, hover previews to reveal complete CSS for utility classes, and syntax highlighting for Tailwind features using custom CSS syntax.

Tailwind CSS IntelliSense extension identifier

The official Tailwind CSS IntelliSense extension for Visual Studio Code has the identifier bradlc.vscode-tailwindcss and is available on the Visual Studio Code Marketplace.

Prettier plugin Tailwind CSS class sorting example

Example of Prettier plugin sorting Tailwind classes: Before: <button class="text-white px-4 sm:px-8 py-2 sm:py-3 bg-sky-700 hover:bg-sky-800">Submit</button> After: <button class="bg-sky-700 px-4 py-2 text-white hover:bg-sky-800 sm:px-8 sm:py-3">Submit</button>

Zed editor Tailwind CSS support

Zed is a fast, modern code editor with built-in support for Tailwind CSS autocompletions, linting, and hover previews without requiring a separate extension. It integrates tightly with Prettier and works seamlessly with the official Tailwind CSS Prettier plugin when installed.

Cursor editor Tailwind CSS support

Cursor is an AI-native code editor that supports VS Code extensions. The official Tailwind CSS IntelliSense extension and Prettier plugin for class sorting work out of the box in Cursor.

JetBrains IDEs Tailwind CSS support

JetBrains IDEs including WebStorm, PhpStorm, and others include built-in support for intelligent Tailwind CSS completions in HTML.

Give your agent this brain