Last 12 weeks · 6 commits
2 of 6 standards met
Specifically, for a utility like , I am getting the following warning using up-to-date VS Code, Tailwind extension, and package.json dependencies: The class can be written as () The issue is that the original class turns into , but the suggested class uses , but that changes the units. With units, the original class is only if a user has set as their base font size, which is common but not guaranteed as users can override this in settings. The suggested class with pixel units, however, is always as it does not scale with base font size.
Repository: tailwindlabs/tailwindcss-intellisense. Description: Intelligent Tailwind CSS tooling for Visual Studio Code Stars: 3392, Forks: 237. Primary language: TypeScript. Languages: TypeScript (85.7%), JavaScript (14.3%). Topics: css, intellisense, tailwind, tailwindcss, vscode, vscode-extension. Latest release: v0.14.29 (4mo ago). Open PRs: 12, open issues: 28. Last activity: 1mo ago. Community health: 50%. Top contributors: bradlc, thecrypticace, dependabot[bot], philipp-spiess, remcohaszing, RobinMalfait, ledenis, reinink, DanSnow, flostellbrink and others.
TypeScript
What version of VS Code are you using? 1.109.0 What version of Tailwind CSS IntelliSense are you using? v0.14.29 What version of Tailwind CSS are you using? 4.1.18 What package manager are you using? yarn What operating system are you using? macOS Tailwind CSS Stylesheet (v4) or config file (v3) VS Code settings Reproduction URL Code Example: Settings.json Describe your issue** I am using a utility library (tailwindy-components) similar to styled-components, that allows defining Tailwind components using two different syntax patterns: Dot notation: Factory/Function notation: I am trying to configure the VS Code extension to provide IntelliSense for both patterns simultaneously, but I am struggling to find a regex configuration that covers both cases or allows them to coexist without breaking one another. Reproduction / Code Examples JavaScript // Pattern 1: Dot notation What I've Tried I have attempted to add regex patterns to the configuration, such as: (Works for dot notation) (Works for function notation) Question Is there a recommended regex pattern or configuration approach to support both of these tagged template styles simultaneously?
What version of VS Code are you using? v1.102.3 What version of Tailwind CSS IntelliSense are you using? v0.14.26 What version of Tailwind CSS are you using? v4.1.11 What package manager are you using? npm What operating system are you using? Windows Tailwind CSS Stylesheet (v4) or config file (v3) VS Code settings Reproduction URL I have not been able to replicate this outside of the private corporate project. Describe your issue** Running into a weird issue where half the lines in the TSX file has Tailwind autocomplete, and the later half just doesn't work. For example at line 500 it works But at line 529 it stops working. Hover previews always work on any line If I delete enough lines in the file then autocomplete seems to work on all lines, but it's not simply the number of lines because if I replace half the file with empty lines autocomplete works.
What version of VS Code are you using? v1.100.2 What version of Tailwind CSS IntelliSense are you using? For example: v0.14.17 What version of Tailwind CSS are you using? v4.0.8 What package manager are you using? pnpm What operating system are you using? macOS Tailwind config VS Code settings Reproduction URL A public GitHub repo that includes a minimal reproduction of the bug. Please do not link to your actual project, what we need instead is a _minimal_ reproduction in a fresh project without any unnecessary code. This means it doesn't matter if your real project is private/confidential, since we want a link to a separate, isolated reproduction anyways. Describe your issue I am using Tailwind CSS v4 on a Next.js Turborepo project. Autocomplete only works in my directory but does not work in my directory. After further investigation, I discovered that this bug was introduced in the latest plugin version: 0.14.17. Autocomplete works as expected with version 0.14.16**. Steps to Reproduce 1. Set up a Next.js Turborepo with Tailwind v4. 2. Update the plugin to version 0.14.17. 3. Observe that autocomplete only works in but not in . 4. Downgrade the plugin to 0.14.16 and see that autocomplete works in both directories. Expected Behavior Autocomplete should work in both and directories regardless of the plugin version. Actual Behavior Autocomplete only works in when using plugin version 0.14.17. It does not work in . Additional Context Tailwind CSS v4 Next.js Turborepo structure Plugin: 0.14.17 (broken), 0.14.16 (works) Please let me know if more information is needed.
What version of VS Code are you using? For example: v1.96.4 What version of Tailwind CSS IntelliSense are you using? 0.14.1 What version of Tailwind CSS are you using? 4.0.0 What package manager are you using? pnpm What operating system are you using? macOS Describe your issue In my global.css I have When I use it removes default text sizing utilities however doesn't remove default spacing utilities for padding, margins, space etc. Tailwind doesn't generate old classes for example px-2 doesn't work but it still shows up in suggestions. I also noticed , don't remove default utility suggestions either. should remove all default theme classes where necessary.